1，准备条件：（1）：你已经至少开通了一个云开发环境，并且开通了公众号。

（2）：电脑安装了node.js。

2，安装cloudbase-cli，并使用cloudbase-cli新建一个项目。

安装教程以及使用见如下链接：https://i.hackweek.org/handbook/tcb/1402.html

3，配置公众号信息：

(1)，在腾讯云官网中，静态托管页面查看静态托管的域名。

(2)，打开微信公众号的微信公众平台，在 开发-接口权限-网页服务-网页授权-修改 中，将静态托管域名设置入网页授权域名中

(3)，点击https://cloud.tencent.com/apply/p/iaqs555bdma这个链接，申请一个云函数的固定ip。

待审核通过后，可在腾讯云控制台-云开发cloudbase-选择环境-云函数 中，随意点入一个函数，可查看到公网固定ip。（若没有，请点编辑-启用公网ip，就出现了）

将公网ip配置到公众号-设置-安全中心-ip白名单中。

4，开启VSCode，打开之前新建的项目，并且安装对应的插件，如html，css插件，以及Tencent-Cloudbase-Toolkit插件(可用于编辑云开发)。

项目目录如下：

5，写代码

具体而言，网页授权流程分为四步：

a、引导用户进入授权页面同意授权，获取code

b、通过code换取网页授权access_token（与基础支持中的access_token不同）

c、如果需要，开发者可以刷新网页授权access_token，避免过期

d、通过网页授权access_token和openid获取用户基本信息（支持UnionID机制）

具体见如下网址：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html

这边只做到获取openid。

代码如下：h5页面

js页面：

注意，appId和appSecret请到开发平台去获取

云函数代码：

值得注意的是，获取openid这个接口中，若直接使用data，则在传回值时会报错。

6，将代码上传。

将写好的代码上传到静态托管页面中。详见如下网址:https://i.hackweek.org/handbook/tcb/1403.html

以上仅为个人折腾的结果，若还有坑，请大家多多包涵和指教。