🌪 非凡 快应用 | Quick App之 倾城之链 | NICE LINKS.
您可使用 vivo、OPPO、小米、魅族等手机，扫如上二维码，即可在手机端体验。
您可使用快应用调试器扫如上二维码，即可在手机端体验。
快应用是基于手机硬件平台的新型应用形态，标准是由主流手机厂商组成的快应用联盟联合制定。其标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台，以平台化的生态模式对个人开发者和企业开发者全品类开放。快应用具备传统 APP 完整的应用体验，无需安装、即点即用；覆盖 10 亿设备，与操作系统深度集成，探索新型应用场景。快应用 ── 复杂生活的简单答案，让生活更顺畅。
此仓库的建立，也是应潮流趋势，为个人作品倾城之链 | NICE LINKS，所构建的快应用；以期提供更为便捷的访问方式，来倾城之链 | NICE LINKS；同时借此以探索新型应用设计；此外，也是在探索如何构建优质快应用，希望可以在此事儿上提供些参考 ── 有写文章一篇：快应用之开发体验纪要 (附：快应用开发文档)。
├── sign # 存储 rpk 包签名模块;
│ ├── debug # 调试环境证书/私钥文件
│ └── release # 正式环境证书/私钥文件
└── src
│ ├── assets # 公用的资源(Images/Styles/字体...)
│ │ ├──images # 存储 png/jpg/svg 等公共图片资源
│ │ └──styles # 存放 less/css/sass 等公共样式资源
│ ├── helper # 项目自定义辅助各类工具
│ │ ├──apis # 存储与后台请求接口相关(已封装好)
│ │ ├──ajax.js # 对系统提供的 fetch api 进行链式封装
│ │ └──util.js # 存放项目所需公共工具类方法
│ ├── pages # 统一存放项目页面级代码
│ ├── app.ux # 应用程序代码的人口文件
│ └── manifest.json # 配置应用基本信息
└── package.json # 定义项目需要的各种模块及配置信息
git clone https://github.com/nicejade/nicelinks-quick-app.git
cd nicelinks-quick-app && yarn
yarn start # 推荐 ✅
# 或者运行以下命令
yarn server && yarn watch
# 或者在终端一 Tab 下运行：
yarn server
# 在终端另一 Tab 下运行：
yarn watch有必要谈及的是，此项目秉承在高效开发 Web 单页应用解决方案中所传递的理念：为高效开发而设计；相比于其内置的简陋 Demo，她具有以下诸多优点：
- 对项目结构进行优化；如上组织结构所示，将各资源模块，更专业的分门别类，使之可以便捷的去编写、维护、查找，同时也是基于前端开发既定共识去设计，更容易为初接触者所理解 & 上手；
- 更优雅的处理数据请求；采用
Promise对系统内置请求@system.fetch进行封装，并抛出至全局，使得可以极简的进行链式调用，同时便捷地处理返回数据； - 内置了样式处理方案；「快应用」支持
less,sass的预编译；这里采取less方案，并内置了部分变量，以及常用混合方法，使得可以轻松开启样式编写、复用、修改等； - 封装了常用方法；在
helper/utils路径下，有对日期、字符串、系统等常用方法，分别进行封装，统一暴露给global.$utils，使得维护方式更加合理且健壮，同时又可以便捷的使用，高效开发；当然，你也可以根据需要自行增删、抑或扩展； - 简化开始开发流程； 注入 Concurrently 插件，使可以运行
yarn start即可开始开发，而无需更多命令，从而简洁开发流程； - 优化本地开发端口设定；「快应用」默认端口为
12306，虽说可自定义端口，但使用体验却不够友好；此处参考creat-react-app设定，对本地开发地址端口使用进行优化：如果 🈯️ 定端口(默认:8080)被占用，则向上递增寻找新的可用端口(如：8081 / 8082 / … )； - 浏览器打开调试主页二维码；运行
yarn start，会启动 HTTP 调试服务器，并将该地址在命令行终端显示，手机端用快应用调试器扫码，即可下载并运行 rpk 包；当终端积累的信息流多了，就造成扫码不便；故增设在浏览器打开调试主页二维码；如想不使用此功能，在 command/server.js 文件中，将 autoOpenBrowser 设置为false即可； - 集成轻粒子统计分析； 轻粒子作为官方推荐统计方案，此脚手架已做接入；使用时只需修改 statistics.config.js 中的
app_key，为在轻粒子所申请的快应用 KEY 即可； - 添加新增页面命令脚本；使得可以一键生成新页面，只需运行：
yarn gen YourPageName（命名推荐统一为大驼峰，将会在pages路径下新建该页面文件夹）命令即可，当然，也可以根据需要，自行定定制模板：/command/gen/template.ux； - 集成 Prettier & Eslint；在检测代码中潜在问题的同时，统一团队代码规范、风格（
js，less，scss等），从而促使写出高质量代码，以提升工作效率(尤其针对团队开发)。 - 编写 prettier-plugin-quickapp 插件；为快应用编写
prettier插件，使其可以针对.ux/.mix文件也能很好地工作，从而进一步完善代码风格及规范。 - 新增文件监听命令：引入 onchange 依赖来监听文件变化；使得在开发时，运行
yarn prettier-watch命令，即可对所修改的*.md*.ux*.js等文件，进行 Prettier 格式化，从而大幅度提升编写效率。 - ... ...
| 微信公众号 | 前端微信群 | 推荐 Web 应用 |
|---|---|---|
| 😉 静晴轩 | ✨ 大前端联盟 | 🎉 倾城之链 |
 |
 |
 |
Copyright (c) 2018-present, nicejade