uniapp h5开发获取openid

uni-app是一种跨平台的应用开发框架，可以使用vue.js语法进行开发，同时支持编译成H5、小程序、APP等多种应用。在H5开发中获取openid，可以通过以下步骤实现：

1. 用户在进入网站时，需要先授权登录获取用户的微信信息。
2. 通过微信JS-SDK调用微信接口，获取用户的code。
3. 将获取到的code发送给后端服务器，后端服务器使用code请求微信服务器获取用户的openid。

具体实现步骤如下：

1. 在uni-app项目中，引入微信JS-SDK。

2. 在页面中引入JS-SDK并配置相关参数。

<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script>
  wx.config({
    // 配置参数
    appId: 'YOUR_APP_ID',
    timestamp: 'TIMESTAMP',
    nonceStr: 'NONCESTR',
    signature: 'SIGNATURE',
    jsApiList: ['chooseWXPay']
  })
</script>

3. 编写授权登录的方法。

async getUserInfo() {
  const res = await uni.getUserProfile({
    desc: '用于完善会员资料',
    lang: 'zh_CN'
  })
  this.userInfo = res.userInfo
  this.getOpenid(res.code)
},

4. 编写获取openid的方法。

async getOpenid(code) {
  const res = await uni.request({
    url: 'https://api.weixin.qq.com/sns/jscode2session',
    data: {
      appid: 'YOUR_APP_ID',
      secret: 'YOUR_APP_SECRET',
      js_code: code,
      grant_type: 'authorization_code'
    },
    method: 'GET'
  })
  console.log(res.data.openid)
}

这样就可以在H5开发中获取用户的openid了。