微信小程序（原生）：基本开发相关文档

article/2025/11/4 12:59:23

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

一、基本知识点

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

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

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

如何在小程序中打开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);}
})