文档中心 > 店铺动态卡片-开发指引

店铺动态卡片-开发指引

小程序Serverless示例

更新时间：2024/08/01 访问次数：38734

评论发布器 是淘宝商家应用的一个经典案例，本文将结合商家应用的前端页面和 小程序serverless后端服务，完成一个商家应用的开发，使其同时具备前端和后端的能力，可以作为一个完整的应用使用。

 

云开发视频介绍

 

 

一、前提条件

 1）拥有淘宝账号；

 2）已 申请 开通商家应用开发者权限；

 3）已 开通云服务；

 4）已 创建云Serverless；

 5）下载安装 应用开发者工具（简称 IDE）。

 

二、准备开发环境

1.打开商家应用IDE，选择【淘宝->商家应用】，点击 + 号。

 

image.png

 

2.输入项目名称，项目路径会自动填充，选择【启用云服务】为后端服务，点击【完成】。

 

image.png

 

3.在 IDE 的客户端依赖页面，安装@tbmp/mp-cloud-sdk。

 

image.png

 

4.右键点击【云服务】功能tab，即可看到与当前商家应用关联的云服务。

 

image.png

 

三、部署云函数

在 sever 目录右键选择需要部署的后端环境（如测试环境）。选择server目录下的一个【云函数目录】右键点击【创建并部署】提交云函数部署。

 

image.png

 

image.png

 

四、预览和上传

1.点击【模拟器】可以在【IDE 模拟器】中查看预览效果；还可以点击【预览】，使用手机淘宝扫描二维码在手机上实现真机预览。

 

image.png

 

2.点击【上传】将商家应用上传到开放平台，具体操作请参考商家应用提审、发布流程。 

 

image.png

 

五、后端代码介绍（以Node.js为例）

添加评论

 

增加一个添加评论的后端云函数，以供商家应用端调用。

 

 1）在 server 目录右键，点击【新建云函数 -> Nodejs】，输入addComment，确定后即创建了一个空的云函数，编辑 addComment/index.js中的代码。

 

'use strict';
 exports.main = async (context) => {
   const {selectedImage, value} = context.data;
   try {
     const result = await context.cloud.db.collection('comments').insertOne({
       imageUrl: selectedImage,
       text: value
     })
     return result;  
   } catch (e) {} 
};

 

2.addComment 目录右键点击【创建并部署】提交云函数部署。

 

image.png

 

3.在client/pages/demo/demo.js文件中，响应点击的回调onTap中 ，调用部署好的云函数。

 

//点击评论按钮 
async onTap() {
  const { value, selectedImage } = this.data;
  try {
    let result = await cloud.function.invoke('addComment', {  imageUrl: selectedImage,  text: value  });
  } catch (e) {
    my.showToast({
      content: e.message || JSON.stringify(e)  
    });
  }  
}

 

<view a:if="{{activity}}" class="container">
  ...  
<button onTap="onTap">添加评论</button>
  ... 
</view>

 

FAQ

关于此文档暂时还没有FAQ
有用(0) 我要提问
返回
顶部
阿里巴巴集团 | 淘宝网 | 天猫 | 聚划算 | 全球速卖通 | 阿里巴巴国际交易市场 | 1688 | 阿里妈妈 | 阿里旅行·去啊 | 阿里云计算 | YunOS | 阿里通信 | 万网 | 高德 | 优视 | 友盟 | 酷盘 | 虾米 | 天天动听 | 来往 | 钉钉 | 11Main | 支付宝
关于淘宝 合作伙伴 营销中心 联系客服 开放平台 诚征英才 联系我们 网站地图 法律声明 © 2016 Taobao.com 版权所有
网络文化经营许可证：文网文[2010]040号 | 增值电信业务经营许可证：浙B2-20080224-1 | 信息网络传播视听节目许可证：1109364号