taro + 微信小程序云开发 (一)

近期疫情严重，想做一个实时的疫情动态小程序帮助大家了解疫情，想到是小工具前后端一起做，就用到了微信小程序的云开发，踩坑之路开始。。。

一 创建项目

使用技术

1. node
2. taro

// 全局安装taro脚手架
npm install -g @tarojs/cli
yarn global add @tarojs/cli
// 初始化一个taro项目
taro init myApp
// 重要：模板选择云开发模板  wxcloud
// 其它随意

项目内client文件夹为小程序客户端目录，cloud是云函数目录

二 启动项目

npm run dev:weapp

打开微信开发者工具开始预览（注意：这里项目根目录指向整个项目文件夹，而非client下生成的dist文件夹）
效果如下：

遇到的坑

修改云函数不成功

  （1）检查云开发环境是否配置正确
  （2）云函数index文件必须为.js结尾 （因为选择taro模板时,询问是否使用TypeScript时选择了Y，所以云函数内的js文件后缀变ts了， 而小程序云函数检测只能是js文件[此规则为本文编辑时当前版本测试得出2020-2-26日]）
  （3）每次编辑云函数后请确认已同步云函数
  （4）右键云函数选择上传并同步（云端安装依赖或所有文件）

云函数初始化云环境

在入口文件中找到初始云函数的地方修改云开发环境id
如图：