源码下载地址:https://download.csdn.net/download/gdutxiaoxu/87408191
在线借书平台
在线借书平台微信小程序:连接读者与图书馆的借书平台、读者的图书资料库与书单系统。30+ 页面,多个可复用组件,微信小程序开发入门。提供本地 mock server 解决方案。
除此之外,还提供了使用 Taro 重构后的版本,仅包含三个示例页面。面向人群主要是 Taro/React/Redux 的初学者,目的是提供一个简单的实践项目,帮助理解 Taro 与 Redux 的配合方式与 Taro 的基本使用。技术栈:Taro + Taro UI + Redux + Webpack + ES6 + Mock
在线部署
本项目提供了一个可以在线预览的小程序版本,扫码即可上手体验,这需要部署线上的 mock 服务。过去主要使用 easy-mock 提供的在线平台,但现在这个项目已经不再维护。也有一些开发者提供的个人服务器,但还是存在服务不可用的风险。如果自己购买一台服务器来运行 mock 服务,又会浪费资源。
在这个项目中,我使用微信开放平台的云开发能力来部署 mock server,成本极低,十分方便。操作步骤主要参考了云托管文档 - 使用指南,需要提前了解 Docker 与 Dockerfile 概念:
1.开通云托管功能(按量计费),新建一个服务,命名为 weapp: [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Nl65deCb-1675409371751)(null)]
2.在 /simplest-mock-server 目录下创建 Dockerfile 文件,写入以下内容:
# https://hub.docker.com/_/node FROM node:10.10.0-slim # Create and change to the app directory. WORKDIR /usr/src/app # Copy application dependency manifests to the container image. # A wildcard is used to ensure both package.json AND package-lock.json are copied. # Copying this separately prevents re-running npm install on every code change. COPY package*.json ./ # Install production dependencies. RUN npm install --only=production RUN npm install -g gulp # Copy local code to the container image. COPY . ./ # Run the web service on container startup. CMD [ "gulp", "mock" ]
3.在第一步的服务中新建版本,上传 /simplest-mock-server 文件夹,监听端口设置为 3000:
4.小程序的 onLaunch() 中调用:wx.cloud.init({ env: "环境id" })
5.修改小程序中调用接口的代码 api/request.js:
源码下载地址:https://download.csdn.net/download/gdutxiaoxu/87408191