找回密码
 立即注册

QQ登录

只需一步,快速开始

[Demo源码] 微信小程序阅读小程序demo

[复制链接]
查看: 814|回复: 53
最佳答案
0 

4

主题

4

帖子

100

积分

新人求带

积分
100
 楼主| 发表于 2018-11-27 10:40:38 | 显示全部楼层 |阅读模式
口袋阅读微信小程序demo,客户端加服务端
特性
  • sass编写样式,替代wxss
  • webfont自动base64转换,解决了微信小程序无法引用本地字体的问题
  • 采用es6语法开发,babel编译
  • 图片压缩
  • 区分开发生产两套环境,支持生产环境打包
  • 本地数据mock功能

使用
  1. # 启动开发服务
  2. $ npm start

  3. # 构建产出
  4. $ npm run build

  5. # 清空产出dist文件夹
  6. $ npm  run clean

  7. # 云开发 · 启动云开发服务(监视云开发相关文件变化)
  8. $ npm run cloud

  9. # 启动mock服务器
  10. $ npm run server
复制代码

目录结构
  1. ├── client                          // 小程序 client 部分,主要编写内容
  2. │   ├── app.js
  3. │   ├── app.json
  4. │   ├── app.scss
  5. │   ├── project.config.json         // 小程序项目配置
  6. │   ├── components                  // 自定义组件
  7. │   ├── images                      // 图片资源
  8. │   ├── lib
  9. |   │   ├──regenerator-runtime      // async await 解决方案,在需要的文件内引入runtime-module.js即可
  10. │   │   │  ├── runtime.js
  11. │   │   │  ├── runtime-module.js
  12. │   │   │  ├── path.js
  13. │   │   │  ├── README.md
  14. │   │   │  └── package.json
  15. │   │   ├── api-mock.js             // api-mock 功能
  16. │   │   ├── api.js                  // 实际 api
  17. │   │   └── util.js
  18. │   └── pages
  19. │       └── index
  20. ├── server                          // 小程序 server 部分,主要是静态资源和云函数
  21. │   ├── cloud-functions
  22. │   │   ├── test
  23. │   │   └── test2
  24. │   ├── index.js
  25. │   ├── inline                      // 云函数公共模块,打包的时候会 inline 进引入的云函数
  26. │   │   └── utils.js
  27. │   └── static
  28. │       └── gulp.png
  29. ├── test                            // 测试文件夹
  30. │   └── functions                   // 存储小程序云测试用的参数模板
  31. │       └── test.json
  32. ├── config.server.json
  33. ├── dist                            // 产出文件夹,通过微信开发者工具打开预览效果
  34. ├── gulpfile.js
  35. ├── package.json
  36. ├── README.md
  37. ├── .babelrc
  38. ├── .editorconfig
  39. ├── .eslintignore
  40. ├── .eslintrc
  41. └── .gitignore
复制代码

文件说明

client: 小程序客户端相关代码 server: mock服务器相关逻辑及云函数
  1. // 利用jsdists实现开发环境和发布环境不同的打包规则
  2. // 以下只在开发环境中起效果
  3. /* <remove trigger="prod"> */
  4. import {
  5.     test
  6. } from '../../lib/api-mock';
  7. /* </remove> */

  8. // 以下只在prod环境中起效果
  9. /* <jdists trigger="prod">
  10. import { test } from '../../lib/api';
  11. </jdists> */
复制代码

config.server.json: mock服务器相关配置 client/lib/regenerator-runtime.js: async await 方案, 在需要用到async await的文件内引入
  1. import regeneratorRuntime from '../../lib/regenerator-runtime/runtime-module';
复制代码


pocketReader-master.zip (191.85 KB, 下载次数: 86)
回复

使用道具 举报

最佳答案
0 

0

主题

10

帖子

102

积分

新人求带

积分
102
发表于 2018-11-27 15:04:33 | 显示全部楼层

很好,很喜欢
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

682

帖子

1万

积分

S2

积分
11126
发表于 2018-11-27 17:21:57 | 显示全部楼层
谢谢分享,程序不错
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

254

帖子

1000

积分

专家路上

积分
1000
发表于 2018-11-28 12:06:59 | 显示全部楼层
哦是来混积分的
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

2595

帖子

3974

积分

等待验证会员

积分
3974
发表于 2018-11-28 15:55:12 | 显示全部楼层
感谢站长的分享
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

2595

帖子

3974

积分

等待验证会员

积分
3974
发表于 2018-11-29 14:40:24 | 显示全部楼层
感谢站长的分享 热烈庆祝“鼎传房地产”成立3周年
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

932

帖子

726

积分

略知一二

积分
726
发表于 2018-11-30 15:49:45 | 显示全部楼层
感谢分享!感谢分享!
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

163

帖子

1681

积分

专家路上

积分
1681
发表于 2018-12-1 11:00:46 | 显示全部楼层
微信小程序源码下载
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

5

帖子

60

积分

新人求带

积分
60
发表于 2018-12-3 19:11:46 | 显示全部楼层
楼主辛苦了
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

64

帖子

192

积分

新人求带

积分
192
发表于 2018-12-3 19:37:03 | 显示全部楼层
234234234
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



www.henkuai.com—微信开发者的分享交流平台,专注微信开发生态。

天津市滨海新区
中新生态城中成大道生态建设公寓9号楼3层301

微信公众号

广告推广
QQ:805874290

市场合作
zhongcong@henkuai.com