自己动手制作一个小储云商城APP
制作方式为套壳应用,非原生开发,难度较小
废话不多说,直接来
教程步骤为:准备-制作-发布
准备工具:
- 一个小储云商城
- Fusion APP 下载链接
- 网站logo的图片 (可有偿代设计)
新建工程
右下角【+】号新建一个工程
选择模板
模板这里点击【预览】可以看,自己选择一个合适做就好,注意模板选择以后是不能修改的
我这里先选择底栏模板,创建
创建应用填写好APP的名称与包名
设置好图标,就是你的网站logo。建议简洁明了一目了然
名词解释&具体配置
配置界面版本名-应用版本,覆盖安装需高版本覆盖低版本,因此,每一次发布新的APP都要记得修改版本名
内部版本号-同理,发布前最好修改
【通用控制】
横屏-关
显示状态栏-自己决定,建议开
启用启动图-如无必要建议关,影响用户体验
支持页面滑动-左右滑动切换页面,不需要,建议关
【浏览器配置】
浏览器标识:(自定义)537.36 (KHTML, like Gecko) Version(默认的话QQ登录会直接调起QQ,然后会跳转到浏览器,而不是回到APP,这就是套壳应用的缺点)
支持打开外部应用-如需调用支付宝等可开,测试码支付会跳转到浏览器
惰性加载-返回时不会刷新页面,打开用户体验好点
启用长按菜单-弹出复制等。不同系统可能会有所不同,部分高版本系统可能会卡死。可以开
网页沉浸-APP的顶栏会随着网页变色
【子页面】
【网页控制】
【全局JavaScript】
进阶操作,另开帖
【底部栏目】
编辑底栏项目项目1,可自己改名字、换图标,点击修改即可。URL处填写完整(带协议头):http://www.XXX.com
根据自己需要逐个修改即可,可添加可删除长按移动
修改后点击右上角的【三角箭头】可即时预览。如需生成APP则点击右上角【三点】-【打包安装】
【顶栏菜单项目】
根据需要自己更改即可,点击可重命名和修改点击事件。会lua语言的可以自己写,不会的点进去后右上角的【+】也提供了日常操作
项目点击事件自带事件列表1
自带事件列表2
【顶栏搜索功能】
搜索URL:http://你的域名/?name=
(这个格式小储通用,其他自测)
输入栏模式-开了就显示一整条输入栏,不开就显示一个搜索图标
【顶栏图标按钮】
根据需要自己弄
一般做一个【后退】、【刷新】即可。做太多了反而累赘
【侧滑栏配置】
根据需要自己弄
【侧滑栏列表】
上面的【侧滑栏配置】启用了侧滑栏后这一栏的修改才有效
点击【+】号可以新建,可自定义名称、图标、点击事件
如果想实现点击后打开网页:进入项目点击事件编辑窗口-右上角【+】号-选择【加载网页】-将【网页链接】换成你想要打开的网页即可,记得加协议头(http、https)-右上角【三点】-【保存】
加载网页项目长按可以向上移动向下移动
【属性】
修改配色,建议与自己的网站主题色相搭配,不要自己网站的粉的给配一个绿的顶栏。设计常言道:红配绿,赛狗屁
推荐一个配色网站
配色设置修改顶部的【Title】可以在这里修改。其他的高度大小宽度等,如果不是很有必要建议还是不要去搞,不然可能弄出来很丑
【发布】
发布:全部修改好就可以发布了,点击右上角【三点】,【打包安装】
打包完成后,会显示安装的保存位置,在文件管理器里面找到他就可以了。然后QQ发送到电脑,或者手机操作也可以
打包生成当然正式发布之前一定要自己安装测试一遍
【检查】
重点检查项目:
能否安装
打开能否正确显示
搜索功能能否使用(如果开了)
用户能否登录
走一遍购买商品流程,一定要走一遍完整的,下单-付款-完成!
其他自己添加的功能能否正常使用
【上传】
推荐一个网盘
分享外链上传后点击【外链分享地址】
进入小储云后台,将之填入APP下载处即可
【成品界面展示】
成品界面展示
还有不懂的咱评论区见
【完】