移动端WEB网页开发之webview-开发必读

微信小程序web-view网页开发

移动端WEB网页开发之webview-开发必读

一.开发准备

  1. 小程序帐号(需审核认证通过)
  2. 微信公众号(需审核认证通过)
  3. 小程序配置好白名单,可信域名等
  4. 公众号做同样配置白名单,可信域名防止授权错误
  5. 一台服务器或者使用内网穿透将本机ip映射成域名解析

二.微信SDK授权

  1. 服务端把微信公众号的appId和secret作为授权依据来配合小程序开发
  2. 小程序内web-view授权调用可信域名下的网页地址生成签名也就是当前的url-包含完整地址
  3. 调用微信sdk API之前务必保证签名无误
    ::如有签名问题,请留言!

三.兼容性调整

  1. ios与安卓在调用多媒体(选择图片),获取的base64略有不同,可以在控制台打印base64日志
  2. ios下的base64 atob();btoa()转码方法错误,可不使用此方法,使用base64字符串方式传递
  3. 关于ios与安卓平台,目前检测均支持 input:file 方式选择图片,若发现微信SDK不可用此方式暂代切换

四.数据交互

  1. 小程序向web-view传值可以使用url search方式
  2. web-view向小程序传值参考这里web-view

公众号开发请看这个专栏-Vue开发微信公众号