人人商城怎么打包生成app?实操方法教程完美实现支付分享等功能

面对原生app定制开发八万十万的起步价,中小企业主和个人用户无疑只能望洋兴叹。那么,有没有什么低成本的商城app解决方案呢?当然有,采用人人商城打包app的形式制作自己的商城app就是不错的替代方案。不过好多人在搭建好人人商城后,又在打包app和实现支付等功能上卡住了,这篇文章就教大家怎么把人人商城打包成app并实现支付宝&微信原生支付,分享、第三方登陆等等功能。

人人商城怎么打包生成app?实操方法教程完美实现支付分享等功能_第1张图片
商城app

插件支持功能

1、支付宝原生支付,微信原生支付

2、分享微信,微博,QQ

3、用户手机是否安装微信。(h5app.js里面默认是禁用的。)

4、退出App

5、清理App缓存

6、状态栏颜色随网页内导航条变化(要修改程序模板)

搭建好人人商城后,打包app需要借助第三方平台或工具,本教程打包app使用的是变色龙云bslyun.com,实现支付&分享&第三方登陆等功能的插件是与其配套的人人商城插件

后台与安装插件教程

1、人人后台开启多端访问与支付配置

开启wap访问

人人商城怎么打包生成app?实操方法教程完美实现支付分享等功能_第2张图片
开启wap访问

第三方登录

人人商城怎么打包生成app?实操方法教程完美实现支付分享等功能_第3张图片
第三方登录

支付开启

人人商城怎么打包生成app?实操方法教程完美实现支付分享等功能_第4张图片
支付开启

2、安装包到后台。目录内文件直接覆盖到人人商城后端。

插件下载:https://pan.baidu.com/s/1m_mYWgx5BaJZ9k5euNeJ2A 

提取码:vm5y 

人人商城怎么打包生成app?实操方法教程完美实现支付分享等功能_第5张图片
安装插件

3、App开启支付,分享,登录。配置第三方平台值

配置微信平台

人人商城怎么打包生成app?实操方法教程完美实现支付分享等功能_第6张图片
配置微信
人人商城怎么打包生成app?实操方法教程完美实现支付分享等功能_第7张图片
配置微博
人人商城怎么打包生成app?实操方法教程完美实现支付分享等功能_第8张图片
配置QQ

微信支付,配置快捷支付

人人商城怎么打包生成app?实操方法教程完美实现支付分享等功能_第9张图片
配置支付

微信支付回调填写:http://网址/addons/ewei_shopv2/payment/wechat/notify.php

开启登录

人人商城怎么打包生成app?实操方法教程完美实现支付分享等功能_第10张图片
开启登录

开启分享

人人商城怎么打包生成app?实操方法教程完美实现支付分享等功能_第11张图片
开启分享

4、兼容设置

基础配置—>USER AGENT 内UA类型选择 人人商城。

人人商城怎么打包生成app?实操方法教程完美实现支付分享等功能_第12张图片
兼容设置

常见问题

1、不显示支付与登录

static\js\app\core.js  查看UA值是什么。之后对应UA自定义UA。

人人商城怎么打包生成app?实操方法教程完美实现支付分享等功能_第13张图片
不显示支付与登录

2、微信登录无法登录

复制包内【微信无法登录】目录文件,覆盖程序。

3、支付宝回调空白

复制包内【支付宝回调】目录文件,覆盖程序。

如果网站开启了https访问,有可能是证书引起支付宝无法回调,修改

core\mobile\pay\get_ali_config.php

注释上面一排程序。开启下面一排,修改网站域名。

人人商城怎么打包生成app?实操方法教程完美实现支付分享等功能_第14张图片
支付宝回调空白

你可能感兴趣的:(人人商城怎么打包生成app?实操方法教程完美实现支付分享等功能)