wap2app实现打包点微同城微信分享支付等原生功能
DZ有个点微同城的插件，发现这个插件挺好用的，但是它没有APP，于是就自己动手研究了一段时间点微同城打包成APP
于是便集成了点微同城原生微信登录，原生微信支付，原生支付宝支付以及扫一扫，长按保存海报图片，海报图片分享至朋友圈等这些实用的功能。下面就来给大家分享一下点微信同城APP打包的方法
服务端APP支付接口配置：
1.首先上传服务端APP插件到点微支付插件目录进行覆盖，不会影响后续升级。
https://www.go569.com/data/attachment/forum/202310/14/064742l1lhj4qdz1qsagga.png.thumb.jpg
2.登录后台配置相关参数：
https://www.go569.com/data/attachment/forum/202310/14/064825he270kgzd55zt55k.png.thumb.jpg
3.相关参数配置完成后点击工具，更新模板和缓存。
打包成APP后功能效果如下图：
1.原生标题栏，有自动定位，手动定位，原生搜索框（可智能根据当前所在的定位子站点搜索）右边原生带圆圈的加号菜单图标
https://www.go569.com/data/attachment/forum/202310/14/064930gmrtcc4n4vk7nssk.png.thumb.jpg
https://www.go569.com/data/attachment/forum/202310/14/065020xko9oojzoddipo9m.png.thumb.jpg
2.原生分享，可根据不同页面配置不同的原生标题栏颜色，以及下拉刷新等。
https://www.go569.com/data/attachment/forum/202310/14/065100gudbeezeeyv4nlem.png.thumb.jpg
3.原生微信登录功能
https://www.go569.com/data/attachment/forum/202310/14/065143rsynn21znqqs0s4s.png.thumb.jpg
4.海报保存到相册和分享到微信好友或朋友圈
https://www.go569.com/data/attachment/forum/202310/14/065224ez5oikdo55keoknk.png.thumb.jpg
5.原生微信和支付宝支付功能（直接APP内唤醒支付功能）
https://www.go569.com/data/attachment/forum/202310/14/065305i2p25tkb5x515840.png.thumb.jpg
6.支付状态效果：
https://www.go569.com/data/attachment/forum/202310/14/065351fgmvu3vk3kkusv3p.png.thumb.jpg
前端APP制作准备材料和工具：
1.下载DCLOUD的开发工具HBuilder X
2.打开HBuilder X工具然后点击工具左上角，然后点击新建项目，然后选择WAP2APP，输入项目名称然后输入你要打包的点微手机端网址然后点击创建。
https://www.go569.com/data/attachment/forum/202310/14/065430fwxqd37xrurw9uhr.png.thumb.jpg
3.这样我们就新建完成了一个WAP2APP了。
配置SDK原生功能
1.点击项目里的manifest.json配置文件
https://www.go569.com/data/attachment/forum/202310/14/065510ocnuzj501tcthqn5.png.thumb.jpg
2.选择SDK配置，配置微信开放平台上的appid和appsecret等信息
3.修改服务器上的微信登录接口，微信支付接口，支付宝支付接口
4.使用5+APP的方法和WAP2APP完成对接既完成原生功能配置。
实现扫一扫以及长按保存图片分享图片等制作
1.添加barcode_scan.html文件在项目此文件为扫一扫功能
2.使用5+APP的方法集成保存图片分享图片等
https://www.go569.com/data/attachment/forum/202310/14/065624yahnbb2nvbbvvbbh.png.thumb.jpg
打包加密APP发行为原生安装包
配置好加密文件后，发行原生安装包的时候勾选启用JS原生混淆，然后点击打包既完成一个点微同城APP制作了
https://www.go569.com/data/attachment/forum/202310/14/065748f1j4ttjj5prov5ao.png.thumb.jpg
https://www.go569.com/data/attachment/forum/202310/14/065956il9lv5xzv00vnvul.png.thumb.jpg
页:
[1]