mpvue-applet

这是 mpvue 博客小程序由 vue,vant-weapp,ColorUI 构建应用程序开发的
该博客小程序的 API 接口需要搭配 node 服务器才能运行,想运行时,需要来安装 node 服务器

后台管理: vue-backstage
后台服务: node-server

程序结构

引入 Fly.js 的 HTTP 网络库使用

• 放弃使用官方微信小程序自带发送请求 wx.request
• 某文件添加 request 拦截器,response 拦截器属性
• 为了单一文件里面放置 API 接口，以便调用

将 RESTful API 接口放入 Vuex 状态管理使用

• 因为小程序内部不支持手动刷新，为 Vuex 将 API 接口存储提供的
• 小程序本身没有像浏览器的 vue Devtools 插件可调试，Vuex 内置有日志插件，需手动添加的
• 通过 main.js 引入 store.js 实例化，同时 Vue 的原型上需手动添加$store 属性指向 store 对象

应用功能

• 文章列表
• 文章详情
• 点赞功能
• 页面滚动

小程序码

执行命令

installing

# 提前下载项目
git clone [email protected]:MoonCheung/blog-applet.git

# 进入目录
cd blog-applet

# 安装 node_modules 依赖包
npm install

Run the application

# 开发时构建
npm run dev

# 打包构建
npm run build

# 指定平台的开发时构建微信小程序
npm run dev:wx

# 指定平台的打包构建
npm run build:wx

# 生成 bundle 分析报告
npm run build --report