微信小程序|【系】微信小程序云开发实战坚果商城-云开发之环境搭建

第 3-3 课:云开发之环境搭建 目录

  • 开篇
    • 【系】微信小程序云开发实战坚果商城-开篇
  • 基础篇
    • 【系】微信小程序云开发实战坚果商城-弹性盒子
    • 【系】微信小程序云开发实战坚果商城-ES6 简单入门
    • 【系】微信小程序云开发实战坚果商城-官方案例先运行
  • 前端篇
    • 【系】微信小程序云开发实战坚果商城-商城项目搭建
    • 【系】微信小程序云开发实战坚果商城-所有目录…
云开发之前需要掌握 ES6 中的 let 、const 、promise 、导入、导出、类,这些常见的特性。
1 环境搭建 小程序内提供了专门用于云函数调用的 API 。开发者可以在云函数内使用 wx-server-sdk 提供的 getWXContext 方法获取到每次调用的上下文( Appid 、openid 等),无需维护复杂的鉴权机制,即可获取天然可信任的用户登录态( openid )。
新建云函数 index
右击 index打开命令窗口
安装 wx-server-sdk
npm install --save wx-server-sdk@latest

安装 tcb-router
npm install --save tcb-router

2 云函数入口文件编写 index.js
// 云函数入口文件 const cloud = require('wx-server-sdk') const TcbRouter = require('tcb-router')// 云函数入口函数 exports.main = async (event, context) => { const app = new TcbRouter({ event }); // app.use 表示该中间件会适用于所有的路由 app.use(async (ctx, next) => { ctx.data = https://www.it610.com/article/{}; await next(); // 执行下一中间件 }); // 路由为字符串,该中间件只适用于 timer 路由 app.router('timer', async (ctx, next) => { ctx.data.name = 'flytam'; await next(); // 执行下一中间件 }, async (ctx, next) => { ctx.data.sex = await new Promise(resolve => { // 等待500ms,再执行下一中间件 setTimeout(() => { resolve('male'); }, 500); }); await next(); // 执行下一中间件 }, async (ctx)=>{ ctx.data.city = 'Taishan'; // ctx.body 返回数据到小程序端 ctx.body = { code: 0, data: ctx.data }; }); return app.serve(); }

  • tcb-router 中的 timer 作为测试。
    本地测试右击云函数 index 打开本地调试,勾选右边的本地调试,如果本地没有安装依赖本地调式会报错,需要安装本地依赖才能打开调式。
    后面所有的请求需要带上 $url,否则找不到路由。如下
微信小程序|【系】微信小程序云开发实战坚果商城-云开发之环境搭建
文章图片

本地调试已经完成接下来我们将开始后台开发。
源码地址
在搭建项目前,根据自己需要下载本系列文章的源代码
【微信小程序|【系】微信小程序云开发实战坚果商城-云开发之环境搭建】本项目源码地址:https://gitee.com/mtcarpenter/nux-shop

    推荐阅读