美文网首页小储云玩出花儿
自己动手制作一个小储云商城APP

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

作者: Northes | 来源:发表于2020-04-05 15:12 被阅读0次
    成品界面展示

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

    废话不多说,直接来

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

    准备工具:

    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下载处即可

    【成品界面展示】


    成品界面展示

    还有不懂的咱评论区见

    【完】

    相关文章

      网友评论

        本文标题:自己动手制作一个小储云商城APP

        本文链接:https://www.haomeiwen.com/subject/mupuphtx.html