微信小程序小知识

目录

前言

一、微信小程序申请

二、微信小程序获取信息

1.获取openid、session_key

2.获取手机号

3.更新

4.登录状态

三、微信小程序域名备案

总结

---

前言

最近为公司做了几款小程序，也都发布上线，这篇文章就是一个简单记录，包括踩过的坑。

一、微信小程序申请

前期准备：邮箱账号

申请地址：微信公众平台

操作步骤：

1. 打开平台，帐号分类选择小程序，页面跳转后，点击前往注册。

2. 按照页面要求，填写信息，点击注册。

3. 到邮箱激活。

4. 激活后，再按照要求，进行信息登记。

    4.1 如果是给公司开发，需要营业执照、税号以及开户行信息，需要财务打款认证，并缴纳300认证费。

    4.2 如果是给政府单位开发，需要营业执照，开户行信息可以选填，不需要财务打款认证。

5. 信息登记完毕，需等第三方审核，第三方会给管理员（信息登记时填写的）打电话认证。

6. 第三方审核完成后，可以完善小程序相关信息，比如名称，简称，图标，简介等。注意，微信会校验名称，带有特殊字眼的，可能申请时需要提交额外的资料，比如带“通行”的名称，企业来申请需要相关政府部门的授权书，如果是政府来申请，只提交营业执照即可。

  7. 小程序信息提交后，再次等微信审核，审核通过后就可以拿到wxid和appsecret来进行开发。这里吐槽一下，审核不过，修改信息，竟然修改不了简介，这么大的厂，犯这么“大”的错误？

二、微信小程序获取信息

1.获取openid、session_key

后台接口参考文档如下：

code2Session | 微信开放文档

小程序代码如下（此代码使用在app.js的onLaunch()内）：

wx.login({
      success: res => {
        // 发送 res.code 到后台换取 openid, session_key
        if(res.errMsg == 'login:ok'){
          wx.request({
            url: '后台提供的地址',
            method:'GET',
            data:{
              code:res.code
            },
            header:{
              "Content-Type": "application/x-www-form-urlencoded"
            },
            success:function(res){
              console.log(res)
            }
          })
        }else{
          wx.showToast({
            title: '获取唯一标识失败',
          })
        }
      }
    })

2.获取手机号

小程序wxml代码如下：

 <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">手机号GET</button>

小程序js代码如下：

getPhoneNumber(e){ 
    wx.request({
          method: "GET",
          url: '后台提供接口',
          data: {
            encryptedData: e.detail.encryptedData,
            iv: e.detail.iv,
            sessionkey: session_key // 已通过wx.login获取到，在app.js里保存为全局变量
          },
          header: {
            'content-type': 'application/json'
          },
          success: (res) = >{
            console.log(res);//结果中带有手机号
          },
          fail: function(res) {
            console.log(res);
          }
    });
},

在写这篇文章的时候，我又在网上翻阅了资料，发现微信官方提供了新版的获取手机号方法，所以上面代码是旧版，参考文档链接如下：

获取手机号 | 微信开放文档

因为项目着急过检，所以就没有再改动代码，这里先暂时记录一下新版的获取手机号方法链接：

phonenumber.getPhoneNumber | 微信开放文档

3.更新

小程序js代码如下（此代码使用在app.js的onLaunch()内）：

// 获取小程序更新机制兼容
    if (wx.canIUse('getUpdateManager')) {
      const updateManager = wx.getUpdateManager()
      updateManager.onCheckForUpdate(function (res) {
        // 请求完新版本信息的回调
        if (res.hasUpdate) {
          updateManager.onUpdateReady(function () {
            wx.showModal({
              title: '更新提示',
              content: '新版本已经准备好，是否重启应用？',
              success: function (res) {
                if (res.confirm) {
                  // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
                  updateManager.applyUpdate()
                }
              }
            })
          })
          updateManager.onUpdateFailed(function () {
            // 新的版本下载失败
            wx.showModal({
              title: '已经有新版本了哟~',
              content: '新版本已经上线啦~，请您删除当前小程序，重新搜索打开哟~',
            })
          })
        }
      })
    } else {
      // 如果希望用户在最新版本的客户端上体验您的小程序，可以这样子提示
      wx.showModal({
        title: '提示',
        content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
      })
    }

参考链接:

UpdateManager | 微信开放文档

4.登录状态

wx.checkSession(Object object) | 微信开放文档

三、微信小程序域名备案

登录微信公众平台，点击开发下的开发管理，选择开发设置选项。

开发者ID模块：获取AppID(小程序ID)和AppSecret(小程序密钥)，用来开发，以及获取openid和session_key。

服务器域名模块：小程序接口请求，必须要支持https，并且要有域名，在这里配置。

业务域名模块：当小程序中使用web-view加载非原生页面，需要在这里配置。配置时，微信会提供一个txt文档，该文档需下载下来，放到域名根目录下，进行校验，校验成功即可。

总结

以上就是今天本篇要讲的内容，一是记录一下，方便自己以后查看；二是可能帮助后来者少走弯路。