Taro 小程序云开发实战

作者: 因觉思厅 | 来源:发表于2020-04-07 21:02 被阅读0次

    Taro 介绍

    简介

    Taro 是一套遵循 React 语法规范的多端开发解决方案。

    现如今市面上端的形态多种多样,Web、React-Native、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。

    使用 Taro,我们可以只书写一套代码,再通过Taro的编译工具,将源代码分别编译出可以在不同端(微信/百度/支付宝/字节跳动/QQ/京东小程序、快应用、H5、React-Native 等)运行的代码。

    特性

    Taro 遵循 React 语法规范,它采用与 React 一致的组件化思想,组件生命周期与 React 保持一致,同时支持使用 JSX 语法,让代码具有更丰富的表现力,使用Taro进行开发可以获得和 React 一致的开发体验。

    安装

    Taro项目基于 node,请确保已具备较新的 node 环境(>=8.0.0),推荐使用 node 版本管理工具 nvm 来管理 node,这样不仅可以很方便地切换 node 版本,而且全局安装时候也不用加 sudo 了。

    首先,你需要使用 npm 或者 yarn 全局安装@tarojs/cli,或者直接使用 npx

    2

    项目初始化

    使用命令创建模板项目

    3

    npm 5.2+ 也可在不全局安装的情况下使用 npx 创建模板项目

    4

    选择wxcloud / 小程序云开发模板

    5

    模板目录结构

    6

    使用要点

    - 开发时,进入 client 目录,在此目录下运行相关编译预览或打包命令

    - 使用微信开发者工具调试项目,请将项目整个文件夹作为运行目录。 注意: 不是 client 中生成的 dist 文件夹

    小程序云函数

    登陆云函数示例

    7

    在页面中调用

    8

    云开发踩坑

    筛选

    小程序云开发数据库的 Collection 的时间查询和 Aggregate 的时间筛选是不一样的。

    Collection

    9

    Aggregate 中筛选日期,需要先使用 dateFromString 转换日期格式,再进行查询

    10

    定时触发器

    需要在目录添加 config.json

    11

    订阅消息

    步骤一:小程序添加消息模板

    没开通的要先在微信公众平台开通订阅消息功能

    12 13

    步骤二:获取模板ID

    14

    步骤三:获取下发权限 wx.requestSubscribeMessage

    步骤四:调用接口下发订阅消息 subscribeMessage.send

    云调用需在config.json中配置subscribeMessage.sendAPI 的权限,详情

    15

    发送消息订阅消息

    16

    项目实战

    「易丨记账」—— 一款信用卡账单记账小程序

    相关文章

      网友评论

        本文标题:Taro 小程序云开发实战

        本文链接:https://www.haomeiwen.com/subject/cznnphtx.html