Taro(1.3.22)中使用微信小程序云函数

最新推荐文章于 2023-09-08 21:02:36 发布
最新推荐文章于 2023-09-08 21:02:36 发布
阅读量556 收藏
点赞数
分类专栏： 微信小程序 Taro 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44034377/article/details/113650470
版权
这篇博客介绍了如何在Taro 1.3.22版本的项目中使用微信小程序云函数。首先，创建云开发环境并获取环境ID。接着，在项目中设置云函数文件夹，并在`project.config.json`配置文件中添加相应的配置项。然后，将环境ID引入并编写云函数，包括`getUnlimit`目录下的`config.json`、`index.js`和`package.json`文件。最后，通过微信开发者工具上传云函数并进行调用。
摘要由CSDN通过智能技术生成

  1. 创建云开发环境,获取云开发环境ID:微信小程序云开发

  2. 在项目中创建云函数文件夹

  3. 在project.config.json文件中添加配置项 “cloudfunctionRoot”: “文件夹名称”

  4. 添加环境ID到项目中

  // 在app.tsx中添加
  componentDidMount() {
   
    if (process.env.TARO_ENV === 'weapp') {
   
      Taro.cloud.init({
   
        env: 'test', // 云开发环境ID
        traceUser: true
      })
    }
  }
  1. 在云函数文件夹下编写云函数:

目录:
getUnlimit
—config.json
—in

最低0.47元/天 解锁文章
jingen Fan
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序订阅，无法云端调式，必须从小程序发起发送订阅。
写写代码
04-20 216
const cloud = require('wx-server-sdk') cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV }) exports.main = async (event, context) => { try { const result = await cloud.openapi.subscribeMessage.send({ touser: event.openid, page: event.pag
Taro + 微信云服务 实战用法举例（附源码）
bats的博客
08-03 1197
Taro + 微信云服务 实战用法举例云服务配置使用云函数云存储 由于网上有关Taro框架使用微信云服务并没有太多教程，花费我很多时间，于是写下本博客。有什么问题欢迎提出。 项目源代码见：1.1.0版本涉及到本博客代码 为了将数据存储到云端服务器，而不仅仅是本地缓存，学习了微信云服务的相关用法 云服务配置 首先在开发者工具界面点击云开发，开通微信云服务 在设置界面可以获取到环境ID： 为项目配置云环境，要在project.config.json中添加"cloudfunctionRoot": "clou
taro 使用云函数
weixin_43294560的博客
10-07 1523
使用云开发必须配置appid 在默认的taro模板中,配置云函数对应的文件不会打包,所以在打包后的微信开发者中配置 1、在project.config.json中添加 "cloudfunctionRoot":"./云函数文件夹名", 2、在打包后的微信开发者工具中 创建1中对应的文件夹 3、创建云函数 在2中创建的文件夹右键创建node.js云函数,创建的云函数文件夹名即为云函数名 会自动创建如下代码:event来获取传入的参数 // 云函数入口文件 const cloud =
Taro + 云开发实战|日语用例助手
weixin_34014277的博客
03-26 245
原创： Evont 前言小程序开放了云开发能力，为开发者提供了一个可以很快速构建小程序后端服务的能力，作为一名对新技术不倒腾不快的前端，对此也是很感兴趣的。Taro 是凹凸实验室推出的，基于React 语法规范的多端开发解决方案，较之于mpvue或者wepy，由于年轻，坑还比较多，但是很适合我这种倾向用React 开发的人。我结合这两者，使用cheerio和superagent 抓取了用例.jp...
taro微信云函数开发简单的商城小程序
m0_64070586的博客
07-02 315
微信云函数，云开发。简单的购物商城小程序。分为两端，c端用户和b端用户。c端用户可以选择商品，下单，查看订单，退货，确认收货（查看不到物流信息。已发货的订单，支持拨打电话），可以修改个人信息。b端用户可以管理商品信息（新增商品，修改商品信息，上下架商品），和处理订单（订单可以进行发货，退货）。订单状态：1: “待发货”, 2: “已发货”, 3: “已完成”, 4: “退款中”, 5: “已关闭”。云函数表结构一共3个非关系数据库的表。图片保存在gitee图床。不支持支付，因为需要商家号。
Taro/react/微信小程序 无文件表单提交，兼容new FormData()方法
最新发布
01-18
微信小程序中，接口类型为multipart/form-data时没有文件需要上传，Taro.uploadFile的filePath又不能为空，而微信小程序中又没有new FormData() 参考链接：...
使用taro开发微信小程序遇到的坑总结
10-17
8. Taro调用微信方法：在Taro框架中，微信小程序的API前缀通常是wx，而在Taro中，这些API可以使用Taro作为前缀来调用，例如Taro.getSetting替代wx.getSetting。 以上总结了使用Taro开发微信小程序时可能会遇到的...
Taro多端统一微信小程序开发框架 v2.0.1
08-20
Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。 现如今市面上端的形态多种多样，Web、App 端(React Native)、微信小程序等各种端大行其道，当业务要求同时
Taro组件 微信小程序仿钉钉@评论功能
02-18
在微信小程序开发中，Taro 是一个非常流行的框架，它允许开发者使用 React 语法来编写代码，然后编译成适用于不同平台（如微信小程序、H5、支付宝小程序等）的应用。本项目是基于 Taro 框架实现的一个仿钉钉的评论...
微信小程序提取公用函数到util.js及使用方法示例
10-17
总结来说，创建和使用`util.js`这样的公用函数库是微信小程序开发中的良好实践。它有助于减少代码重复，提高代码质量，并且使项目结构更加清晰。无论是在前端还是后端开发中，这种模块化和复用的思想都是至关重要的...
解决微信小程序使用MQTT订阅阿里云物联网后无法出现Topic列表
m0_73709961的博客
09-08 730
只需要在阿里云物联网平台中。
通过微信小程序体验阿里云IoT物联网平台——设备接入类
AIoT2688的博客
03-15 3838
微信小程序-MQTT模拟器 微信小程序码 1. 准备工作 1.1 注册阿里云账号 开通阿里云账号，并通过支付宝实名认证​​https://www.aliyun.com​​ 1.2 免费开通IoT物联网套件 产品官网​​https://www.aliyun.com/product/iot​​ 2. 控制台操作步骤 2.1 创建高级版产品 高级版，JSON格式 ​​点击获取​​完整物模型TSL，可以在控制台导入，需要替换productKey 2.2 产品功
微信小程序云开发云函数路由，担心云函数不够用的可以看下这里
s峰
12-02 656
一 首先我们看下云函数结构 分为 controllers 控制器 service 服务逻辑 utils 工具类 二 修改入口文件根据不同路由进入不同的文件 // 云函数入口文件 const cloud = require('wx-server-sdk') const response = require('./utils/response') cloud.init() // 云函数入口函数 exports.main = async (event, context) => { co
【物联网】微信小程序接入阿里云物联网平台
热门推荐
m0_67390969的博客
06-18 1万+
1.登录阿里云 阿里云物联网平台 点击进入公共实例，之前没有的点进去申请 2.点击产品，创建产品 3.产品名称自定义，按项目选择类型，节点类型选择之恋设备，联网方式WiFi，数据格式选择透传/自定义，其他默认 4.添加设备， 设备名称自定义，我这里是与微信通讯，这里设备名称定义为WeChat，（随便定义的） 5.进入刚刚添加的设备，点击查看 记住上面的阿里云三元组，这个是每一个设备具有的，微信小程序那边要用到 进入产品，选择自定义Topic，然后点击定义Topic主题 选择设备权限为发布
【原创】创建微信小程序并接入阿里云平台（一）
weixin_44411555的博客
08-21 9099
一、安装编译环境自述作品需求正文内容 自述 因个人需要初次尝试制作微信小程序，并将后台接入阿里云，学习过程根据网上教学，可能内容不是特别准确，但以此记录下学习步骤，方便大家日后参考。 作品需求 能够将阿里云数据库中实时更新的信息通过后台传至小程序前端中显示，方便工作人员查看相关信息。 正文内容 注册拥有小程序 进入微信小程序官网：https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/ 再按照相关指示申请账号即可。注意
Taro自带方法（小程序必用）
weixin_43517190的博客
12-03 7644
1.跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面 Taro.switchTab({ url: '/pages/index/index' }); 2.隐藏 tabBar Taro.hideTabBar(); 3.保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 Taro.navigateBack 可以返回到原页面。小程序中页面栈最多十层。 Taro.navigateTo({url: ''}); 返回上一页/上几页 Taro.navigateBack({
Taro + 小程序云开发实战
weixin_34138056的博客
10-30 451
前言 小程序开放了云开发能力，为开发者提供了一个可以很快速构建小程序后端服务的能力，作为一名对新技术不倒腾不快的前端，对此也是很感兴趣的； 而Taro 是凹凸实验室推出的，基于React 语法规范 的多端开发解决方案，较之于mpvue 或者wepy，由于年轻，坑还比较多，但是很适合我这种倾向用React 开发的人（具体对比可以参考小程序开发框架技术分析选型）。 我结合这两者，使用cheerio和s...
微信小程序订阅消息在真机上调不起来
jifashihan的博客
02-05 1579
问题 最近小程序出现一个bug，之前还正常，就是点击按钮，调出订阅消息授权对话框，然后进行下一步业务 现在碰到的问题，form表单提交触发的订阅消息，没反应，在开发工具中，是正常的，在真机调试中，就调用不起来 解决办法 form的bindsubmit事件中调用wx.requestSubscribeMessage报requestSubscribeMessage:fail can only be invoked by user TAP gesture. 现在要触发订阅消息，必须使用bindtap，用户发生点击行
实战·使用taro+云开发快速开发小程序
weixin_33932129的博客
02-21 1686
苏格团队 作者：Brady 背景 最近团队内部需要用到一个小程序，主要功能简单概括是团队成员之间可以相互发送评价，并能够查看自己收到和发出的评价以及团队中各成员收到的评价数量。 开发人员一开始是只有我一个人，之前并没有过开发小程序的经验。于是就毅然开始了小程序开发的踩坑之路。 技术选型 技术选型包括前端框架以及服务端语言及数据库的选型。 前端技术选型： 在前端方面，希望能够达到的目标是： ...
创建taro项目并完成微信小程序授权登录等基础
06-10
好的，我会给您讲解如何创建taro项目并完成微信小程序授权登录等基础。 1. 首先，您需要安装 Node.js 和 npm，打开命令行工具，输入以下命令进行安装： ``` npm install -g @tarojs/cli ``` 2. 安装完成后，输入下面的命令创建一个新的 Taro 项目: ``` taro init myApp ``` 其中，myApp 是您项目的名称，可以根据实际情况进行修改。 3. 进入项目目录，安装依赖： ``` cd myApp npm install ``` 4. 接下来，您需要配置微信小程序的 AppID 和 AppSecret，打开 `src/config/index.js` 文件，添加以下代码： ``` export default { wx: { appId: 'yourAppId', appSecret: 'yourAppSecret' } } ``` 其中，yourAppId 和 yourAppSecret 是您在微信公众平台申请的 AppID 和 AppSecret。 5. 在 Taro 中，可以使用 `@tarojs/taro` 库提供的 `login` 方法进行微信小程序的授权登录。在 `src/pages/index/index.jsx` 文件中，添加以下代码： ``` import Taro from '@tarojs/taro' import { View, Button } from '@tarojs/components' export default class Index extends Component { handleLogin = async () => { const { code } = await Taro.login() console.log(code) } render () { return ( <View className='index'> <Button onClick={this.handleLogin}>微信登录</Button> </View> ) } } ``` 在点击按钮时，调用 `handleLogin` 方法，使用 `Taro.login()` 方法获取用户的登录凭证 code。 6. 最后，您需要在微信公众平台中配置小程序的登录授权。进入微信公众平台开发者中心，找到“开发”-“开发设置”-“服务器域名”，添加以下域名： ``` https://api.weixin.qq.com ``` 以上就是如何创建 Taro 项目并完成微信小程序授权登录等基础的步骤，希望可以帮助到您。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值