小程序云开发和调试(二)|学习笔记

本文涉及的产品
函数计算FC,每月15万CU 3个月
简介: 快速学习小程序云开发和调试(二)

开发者学堂课程【小程序云开发速成 小程序云开发和调试(二)】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/300/detail/3505


小程序云开发和调试(二)


四、云函数的部署

使用 alipaydev 命令部署

1、上传云函数

#上传云函数根目最下名为 getSum 的云函数

alipaydev cloud function deploy -n getSum -p /server/functions

#上传云函数根目录 下名为 aaa bbb 的云函 数

alipaydev cloud function deploy -n aaa bbb -p /server/ functions

2.参数

参数

必填

说明

默认值

 

i, -app-id

小程序appld

-S,-space-id

云服务空间ID

-n, --name

云函数名称,多个云函数则以空格分隔

p, project

云函数本地文件地址

 

3、克隆项目的脚手架

代码已写好,点击命令,改成自己需要的参数就可以部署云函数了显示出部署成功。

4、验证函数部署是否成功

点击云函数

image.png

之后点击 admin 的管理查看基本信息,看到发布时间最新,部署成功。为了验证是否部署成功,可以修改代码:注释掉 todo.js 中 res=await live.getList();

加入

res=[{

_id:1,

text:’假数据’

}]

然后部署测试空间,测试空间部署好后将小程序切换到测试空间。

image.png

出现假数据说明部署成功

此处使用 ts 去写或者使用一个脚手架而不是直接用原生的写是因为ts有很多优点,可以在云函数中依赖一些包比如 lodash 或者@hapi/joi 等其他的包,此时就会将所有代码打包成不同的云函数,部署时实际上就是部署打包编译后的代码。

比如新建一个云函数 demo.js,然后在 package.json 中增加该云函数 demo,随意复制 todo.ts 代码进入,然后点击测试空间 deploy:test-server 进行部署

部署成功后可以看到测试空间多出一个云函数

image.png


五、增、删、改常见案例在云函数里如何写代码

先切入到 local 环境,然后启动 inspect-server,将上面修改过注释掉的代码取消注释,删除新增加的代码。

1、取列表数据并展示

一般会写一个类 todo,将 todo.js 中的 live 改为 todo,todo 类有如下方法:

class Todo extends Context{

async getList(){

const{mpserverless}=this

const{result}=await mpserverless

.db

.collection(‘todo’)

.find()

return result || []

}

2、想要更新记录

async update(item){

const {mpserverless}=this

const{result}=await mpserverless

.db

.collection(‘todo’)

.updateOne{

_id:item._id

},{

$set:{

completed:item.completed

}

需要找到 id,然后编写 completed 状态,然后就可以在小程序上修改它的状态

3、只写一个云函数,通过调整参数实现不同的云函数服务

async getToDoList(){

const todoList=await invokeFunction({

name:’todo’,

url:’todo/list’

})

this.setData({todos:todoList})

比如想要修改一个状态:

await invokeFunction({

name:’todo’,

url:’todo/update’,

data:{

_id:id,

completed

}

}) 

id 表示需要修改的数据名

如果想要新增一条记录:

await invokeFunction({

name:’todo’,

url:’todo/create’,

data:{

text:this.data.inputValue,

completed:false,

}

})

拿到用户输入的值,然后去调用 todo 里的 create,这样就完成了一个云函数的修改和查询。

todolist 中没有删除的功能,所以不做删除演示。


六、总结

以上就是整个小程序的开发和调试技巧,即目前存在一个小程序,想要给给小程序增加 Serverless 能力,就可以按照此流程:

1、下载 CLI 工具

举例演示一些命令:

比如输入 alipaydev mini list

任意选择一个小程序,可以通过 alipaydev cloud space list 看到有多少空间,选择一个空间后再运行 alipaydev cloud function list 可以查看有哪些云函数

CLI 其实有一些配置,刚下载完成需要进行一些初始化配置

2、在项目里新建一个配置文件 mini.project.json,把客户端代码全部放入一个子文件夹里

{

“cloud”:{

“type”:”mpServerless”

},

“miniprogramRoot”:”client”,

“component2”:true

}

3、云函数本地测试

alipaydev cloud function dev -i 2021001136614025 -p functions/ --inspect

4、云函数脚手架

https://github.com/douzi8/mp-serverless

可以克隆或者下载在本地尝试小程序的调试或开发。要注意该 demo 克隆下来需要修改配置,修改成自己账户中的配置,就可以使用自己的小程序进行运行

相关实践学习
【文生图】一键部署Stable Diffusion基于函数计算
本实验教你如何在函数计算FC上从零开始部署Stable Diffusion来进行AI绘画创作,开启AIGC盲盒。函数计算提供一定的免费额度供用户使用。本实验答疑钉钉群:29290019867
建立 Serverless 思维
本课程包括: Serverless 应用引擎的概念, 为开发者带来的实际价值, 以及让您了解常见的 Serverless 架构模式
相关文章
|
3月前
|
小程序 开发者
【微信小程序-原生开发】实用教程05-首页(含自定义调试模式、插入图片、图文排版、底部留白、添加本地图片)
【微信小程序-原生开发】实用教程05-首页(含自定义调试模式、插入图片、图文排版、底部留白、添加本地图片)
47 0
|
15天前
|
小程序 开发工具
微信小程序云开发的开通
微信小程序云开发的开通
22 0
微信小程序云开发的开通
|
2月前
|
存储 运维 小程序
后端开发零负担!揭秘支付宝小程序云开发的高效与安全,你的项目也能飞速上线?
【8月更文挑战第27天】支付宝小程序云开发是由阿里云提供的集成开发环境,助力开发者高效、安全地构建小程序后端服务,免去服务器搭建,显著提高开发效率并降低运维成本。它集成了云函数、云数据库及云存储等功能,便于快速搭建后端逻辑。例如,仅需简单几行代码即可创建HTTP接口或进行数据管理。这使得开发者能更专注于业务逻辑和用户体验优化,同时平台还提供了强大的安全保障措施,确保数据安全和用户隐私。无论对于初创团队还是成熟企业,支付宝小程序云开发都能有效提升产品迭代速度和市场竞争力。
67 1
|
2月前
|
存储 小程序 数据可视化
小程序开发问题之使用小程序云服务开发个人相册小程序如何解决
小程序开发问题之使用小程序云服务开发个人相册小程序如何解决
|
2月前
|
移动开发 开发框架 小程序
开发H5程序或者小程序的时候,后端Web API项目在IISExpress调试中使用IP地址,便于开发调试
开发H5程序或者小程序的时候,后端Web API项目在IISExpress调试中使用IP地址,便于开发调试
|
3月前
|
存储 小程序 API
【微信小程序-原生开发+云开发+TDesign】修改用户头像(含wx.chooseMedia,wx.cloud.uploadFile,wx.cloud.deleteFile的使用)
【微信小程序-原生开发+云开发+TDesign】修改用户头像(含wx.chooseMedia,wx.cloud.uploadFile,wx.cloud.deleteFile的使用)
71 0
【微信小程序-原生开发+云开发+TDesign】修改用户头像(含wx.chooseMedia,wx.cloud.uploadFile,wx.cloud.deleteFile的使用)
|
4月前
|
小程序 安全 Java
基于Java微信小程序民宿短租系统设计和实现(源码+LW+调试文档+讲解等)
基于Java微信小程序民宿短租系统设计和实现(源码+LW+调试文档+讲解等)
基于Java微信小程序民宿短租系统设计和实现(源码+LW+调试文档+讲解等)
|
3月前
|
小程序 JavaScript 安全
【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)
【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)
146 0
|
3月前
|
存储 小程序 数据库
【微信小程序-原生开发】实用教程08 - 开通微信云开发,操作云数据库新增数据(含修改数据权限),初始化云服务(含获取微信云环境 id),获取云数据,滚动公告栏
【微信小程序-原生开发】实用教程08 - 开通微信云开发,操作云数据库新增数据(含修改数据权限),初始化云服务(含获取微信云环境 id),获取云数据,滚动公告栏
59 0
|
3月前
|
小程序 JavaScript 前端开发
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
108 0

热门文章

最新文章