第一次开发小程序,不知道如何下手,当前公司需要开发小程序,但是我们现在项目已经有h5页面web端,跟微信公众号,从网上查询自17年11月可以用webview插件直接嵌套,省去开发的环节,简直是福利。像我们公司开发需求设计发布基本都在一个人身上,没有时间从零开发小程序了。
- 申请小程序步骤,详细看此处
- 下载开发者工具,微信登录小程序。不过多描述
- 简单快速开始
之后发现微信支付无法使用,这可能是无法一个卡点了。
开始百度搜索好多说webview实现微信原生支付,以为是真的,但是试了好多方式都不行,开始时间跟成本都在这里摆着呢,不可能重新开发小程序不用webview,只好继续想办法。
做过微信公众号的童鞋应该都知道,在公众号里商家H5页面内调用JSSDK就可以实现微信支付功能。但是看过webview组件的API的文档的童鞋应该知道:webview 里面的网页(公众号迁移的网页)是调用不了外部的微信支付what… 虽然微信支付也确实是提供了小程序的微信支付API,但是因为我们整个小程序的内容就是一个webview嵌入公众号内容的网页,在网页内下订单的过程中是无法通过webview的api接口通知小程序调起微信支付的。 查看微信支付小程序的支付文档,我们小程序如果要调用微信支付只需要得到以下参数就可以。
上边我们最无法获取的是paySIgn
具体业务流程查看微信支付接口 获取方式
第一步获取用户openid
但是我们主程序在webview里边无法获取code并获得openid
我的思路如下
所有webview与小程序交互的页面必须引入以下js
assemblyRequestString我写的组装参数的方法,
带着code请求后台
获取用户openid地址
https://api.weixin.qq.com/sns/jscode2session?appid="+appid+"&secret="+secret+"&js_code="+code+"&grant_type=authorization_code 生成微信支付订单接口
https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=9_1&index=1 4.
6 你跳转的页面
参考了简书