Skip to content

Latest commit

 

History

History

taro-starter

Taro 多端全栈应用示例

这个目录是基于云开发的一个 Taro 全栈应用示例,包含 Taro + 云函数 + 静态网站部署,可以基于 CloudBase Framework 框架将项目一键部署到云开发环境

线上演示地址

https://static-176d4a.tcloudbaseapp.com/taro-starter

点击下方按钮使用 CloudBase Framework 可以在云端一键部署本项目到自己的云开发账号上。

部署一个 Taro 多端全栈应用

创建云开发环境

云开发环境说明

这里有个地方需要注意一下,如果要使用小程序云开的能力的话,务必要在小程序开发者工具里面进行创建环境,在腾讯云官网创建的环境暂时还无法和小程序进行绑定。

多端共用云环境

如果要 H5 和小程序使用同一个云环境,在小程序云开发创建的环境一定要改成按量付费模式,这样才能开启静态网站托管的服务,才能部署 H5。

步骤一. 准备工作

具体步骤请参照 准备云开发环境和 CloudBase CLI 命令工具

步骤二. 初始化应用示例

在命令行执行

cloudbase init --template taro-starter

步骤三. 一键部署

H5 部署

进入到项目目录,在命令行执行

cloudbase framework deploy

小程序部署

在使用 CI 之前,需要先前往 mp 平台下载上传密钥,具体操作方式,可以点击前往

然后还要修改project.config.jsonappid,密钥和appid要对应上才可以

进入到项目目录,在命令行执行

// 部署开发版,默认生成二维码
npm run wxci:preview

// 部署体验版,直接上传到mp平台
npm run wxci:upload

开发命令及配置

本地开发

npm run dev

上线部署

npm run deploy

Lint

npm run lint

CloudBase Framework 相关开发配置

查看 CloudBase Framework 配置.

Taro 相关开发配置

查看 Configuration Reference.