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

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

一.开发准备

  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开发微信公众号

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值