微信开放标签:wx-open-launch-weapp

350 阅读1分钟
wx-open-launch-weapp H5打开小程序

实现步骤:

前端:

  1. 首先根据前端H5页面的全部url(例如:http://xxxx/xxxx.html?id=3&source="gzh")去请求后端提供接口获取(signature签名 nonceStr随机字符串 timestamp时间戳 appId-可选获取也可以前端设置死)
  2. 根据获取的字段,进行wxConfig权限配置,配置成功(微信提供的按钮组件才会显示) 配置失败(提供的按钮组件不会显示)

ps : 非法签名错误

  1. 后端生成签名不一致,微信提供生成签名的页面,先测试接口并对应一下签名是否一致。
  2. 页面的url传给后端要进行 encodeURIComponent() 进行加密(否则url中存在 & 符合时,传给后端php会把其转移会导致签名生成非法的问题) ----- 页面的url必须和后端的生成签名的url一致
  3. hash地址时,注意可以与后端进行沟通,进行测试(暂时未试过)

动态设置组件的path属性时,可利用setAttribute属性进行设置