1、微信公众平台（后台登录页）： https://mp.weixin.qq.com/
2、微信小程序官网文档（组件+api等）： https://developers.weixin.qq.com/miniprogram/dev/component/audio.html
3、微信开放社区（问题社区）： https://developers.weixin.qq.com/community/develop/question
4、vant小程序UI组件库： https://vant-contrib.gitee.io/vant-weapp/#/home

一、基本知识点

1. 小程序提交审核时，需要填写备注&测试账号密码，这里的测试账号&密码是指：如果小程序需要登录进入的，可以进入小程序的测试账号和密码（如：登录页，直接输入测试账号&密码，就可以进入小程序）。

1. 如何获取openid：先调用小程序的wx.login方法获取小程序的登录凭证code,然后使用code向微信换取登录态信息,包括用户的唯一标识(openid)及本次登录的会话密钥(session_key)

二、开发中遇到的问题&解决

1. 如何在小程序中打开h5页面？

备注：h5的业务域名若对应有3个环境，如: xx: //xx-test.xx.com、xx: //xx-pre.xx.com，xx: //xx-master.xx.com, 只需要将同一个校验文件（xx.txt）放置到这3个域名的根目录即可。

答：通过使用小程序web-view组件来显示h5页面。前提：（1）h5页面所在的域名必须是https。（2）在微信后台，将https域名，配置到业务域名下（开发 -》 开发管理 -》开发设置 -》业务域名-》先下载校验文件xx.txt放置到页面域名的根目录下）-》添加域名即可。

点击跳转的页面xx.js：

// 查看营业执照信息viewLicenseH5Page(){// 特殊处理：需要将http的页面修改为https域名访问。const httpsUrl = this.data.certificate_link.replace(/http:/, "https:")wx.navigateTo({url: `/pages/webView/index?url=${encodeURIComponent(httpsUrl)}`})},

pages/webview目录：

index.wxml页面代码如下：

<view><web-view src="{{h5Url}}" binderror="webViewError" bindload="webViewSuccess" bindmessage="webViewMess" />
</view>

index.js代码如下：

Page({data:{h5Url: '', // web-view地址},onLoad(options){this.setData({courseUrl: decodeURIComponent(options.url)})},// web-view加载错误回调webViewError(){console.log('webview加载失败');},// web-view加载成功webViewSuccess(e){// console.log('e--',e);},// web-view接收网页信息webViewMess(e){console.log('webViewMess',e);}
})

2. 小程序发布设置为体验版后，如何在手机上调试或查看打印的日志？

答：扫码进入体验版小程序后-》点击右上角三个点按钮后-》在下拉面板中点击“开发调试”-》页面自动出现绿色的vConsol调试工具。

3. 小程序代码拉到本地后，http请求域名&登录的账号密码都改了，一直请求接口不成功，但其他同事正常。

答：因本地微信开发者工具，使用了测试号APPID导致。微信开发者工具 -》 "详情" -》“基本信息”-》将APPID修改为正确的即可。

参考网址：

• 微信小程序获取用户openid（详解）：https://blog.csdn.net/qq_47272950/article/details/125762901