小储云玩出花儿

自己动手制作一个小储云商城APP

2020-04-05  本文已影响0人  Northes
成品界面展示

制作方式为套壳应用,非原生开发,难度较小

废话不多说,直接来

教程步骤为:准备-制作-发布

准备工具:

  1. 一个小储云商城
  2. Fusion APP 下载链接
  3. 网站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)-右上角【三点】-【保存】

加载网页

项目长按可以向上移动向下移动

【属性】

修改配色,建议与自己的网站主题色相搭配,不要自己网站的粉的给配一个绿的顶栏。设计常言道:红配绿,赛狗屁

推荐一个配色网站

https://colorhunt.co/

配色设置

修改顶部的【Title】可以在这里修改。其他的高度大小宽度等,如果不是很有必要建议还是不要去搞,不然可能弄出来很丑

【发布】

发布:全部修改好就可以发布了,点击右上角【三点】,【打包安装】

打包完成后,会显示安装的保存位置,在文件管理器里面找到他就可以了。然后QQ发送到电脑,或者手机操作也可以

打包生成

当然正式发布之前一定要自己安装测试一遍

【检查】

重点检查项目:

能否安装

打开能否正确显示

搜索功能能否使用(如果开了)

用户能否登录

走一遍购买商品流程,一定要走一遍完整的,下单-付款-完成!

其他自己添加的功能能否正常使用

【上传】

推荐一个网盘

蓝奏云https://www.lanzou.com/

分享外链

上传后点击【外链分享地址】

进入小储云后台,将之填入APP下载处即可

【成品界面展示】


成品界面展示

还有不懂的咱评论区见

【完】

上一篇下一篇

猜你喜欢

热点阅读