帖子
帖子
用户
博客
课程
显示全部楼层

简单分享一些APP打包H5(微信公众平台和移动H5)

[复制链接]
发表于 2018-7-28 23:45:45
最近APP写完 了,客户想要一个H5版的,在微信公众平台和其他浏览器都可以使用。
前期。
1、转化问题:
    直接使用官方的一键生成微信公众号,官方转化成类似单页面应用,打开web_adapter/adapter.html即可(本地服务器打开测试MUI、phpstudy、node都行),最外层为A....开头。
2、模块改写问题:
   web_adapter/script/myadapter.js,中进行改写,不要想的太复杂,有多少能力就做多少事,按照里面的例子,监听模块名方法名,之后去改写,例如,api.toast方法,你可以这样写

很多常用的地方可以去改写,如果只是一两个,直接把模块给删除,可以完全按照H5的方法。异步函数回调不太懂,到目前也不知道怎么去调用。貌似不可以在myadpter中去执行其他页面模块返回的方法。

主要功能就是一些微信登录、分享、微信支付、支付宝支付。
1、支付宝支付的坑,支付宝H5支付很简单,按照文档操作,返回一个链接,前台直接进行跳转支付,目前的坑就是,前台还不知道怎么拿到回调,很痛苦,支付后在返回就卡死了。
2、微信登录,首先进行微信授权登录,然后让用户去绑定手机号,后台微信和手机号进行互通,遇到一个有趣的坑,登录授权返回openid、token都是URL拼接,在index中去处理时,window.location.top.search和window.location.search是完全不同的东西,可以说index.html算是二级窗口,必须打开一级窗口才能获取到URL拼接的值,或则直接使用api.pageParam.

3、其他的比如省市县三级联动、添加图片、滑动删除等等,可以完全按照H5去写,Mui的三级联动用的比较多,很简单。

题外话:
当时刚上手也很懵,不知道模块的改写等一系列问题,直接硬着头往前头就对了,目前打包H5还有有很多问题的,例如 页面可以上下滑动,其他层级的内容会浮现出来、轮播图层级错乱等。
最麻烦的是一些第三方模块的回调,特别是跳出这个H5的那种,想要在回来就难了,必须重头开始 在打开Win(大家什么做的提提意见)。
      菜鸟一枚,既然入行,希望大家多多提建议,更好的进步。


本帖子中包含更多资源,您需要 登录 才可以下载或查看,没有帐号?立即注册

X
您需要登录后才可以回帖 登录

本版积分规则