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

微信小程序web-view网页开发&＃xff1a;

一.开发准备

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

二.微信SDK授权

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

三.兼容性调整

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

四.数据交互

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

公众号开发请看这个专栏-Vue开发微信公众号&＃xff01;