倾城之链(快应用版)

您å?¯ä½¿ç”¨ 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 æ ¼å¼?化，从而大幅度æ??å?‡ç¼–写效率。
• ... ...

相关链接

• 倾城之链
• About Me
• 个人å?šå®¢
• 辅助å?šå®¢
• 新浪微å?š
• 知乎主页
• 简书主页
• SegmentFault
• Twitter
• Facebook

微信公众å?·	å‰?端微信群	推è?? Web 应用
😉 �晴轩	✨ 大�端�盟	🎉 倾城之链

许�执照

MIT

Copyright (c) 2018-present, nicejade