云开发与微信小程序上手

2021-03-18 19:26:13 浏览数 (1)

1 前言

早前一段时间,由于兴趣爱好,白同学一直focus在容器、kubernetes 等云原生方面的工作。

期间听说Serverless、无服务器之类的概念,一直比较好奇、不甚理解。

机缘巧合,近期有时间体验了一把腾讯云的Serverless 产品——云开发,来入门微信小程序、小游戏。

这里,简单记录下学习过程。

2 云开发小程序

2.1 Serverless 认知

Serverless,是否真的如字面意思,不需要服务器呢?

参考前辈的文章,经过一番学习,初步理解:业务团队,可以不再考虑基础设施相关的运维,同时更加专注于业务本身的研发、迭代,并非不使用服务器资源。这里总结了几个特点:

(1)降低运维需求

(2)减少业务成本

(3)快速迭代、试错

(4)事件驱动

后续,文章会结合云开发的上手过程,阐述相关的体验。

2.2 小程序上手

近期体验的小程序,主要是微信小程序,涉及的腾讯云产品主要是CloudBase,简称TCB,又称云开发。产品详情介绍,有兴趣可以到官网看下。

2.2.1 开发环境准备

(1) 参考小程序官网文档,首先下载对应的微信开发者工具,安装。

(2)创建小程序:需要注册小程序,然后填入小程序对应的AppID。

(3)注册小程序:点击上图创建小程序面板的注册链接,会进入小程序注册页面。

说明:一个邮箱只能注册一个小程序。

(4)查看小程序AppID: 小程序注册成功后,回到主页-》设置,就可以看到AppId。

2.2.2 本地开发调试

填充完AppId,新建小程序,进入开发环境。

(1)IDE 主要模块:

模拟器:所见及所得。本地代码开发完成后,可以在模拟器,直观看到运行效果。

编辑器:小程序以及云函数的开发区域。这里,前后体验了小程序、小游戏,发现主要是前端nodejs技术栈。

想来应该是,serverless 环境比较适合这种web 场景。

调试器:功能调试、问题输出、本地终端,主要在这个模块。

云开发:包含了小程序/小游戏运营分析、数据库、存储、以及云函数、云托管等功能。

初步体验是,把部分腾讯云官网功能,集成在本地IDE,使用起来比较方便。

比如,部分云函数的调试、日志查看,就不用去腾讯云控制台。

上传:小程序/小游戏开发结束后,点击此处,就可以在线生成版本。CI 的过程被简化为一个按钮。

版本管理:工程代码的版本管理,默认是git 管理。

详情:这里主要包含小程序的基本信息,以及其他一些设置。

(2)云开发:

小程序涉及的,接口调用可以云函数的形式部署在云端。

这里,右键点击云函数,选择上传并部署,打开云开发,就可以看到云端的云函数。

(3)真机调试:点击真机调试,在手机上调试程序,整个过程,比较有意思,建议感受下。

2.2.3 小程序版本迭代

IDE 工具上,点击上传,就可以生成一个体验版本:

小程序管理平台:查看对应版本

点击开发版本,展开二维码,就可以在手机端体验小程序、小游戏。

3 腾讯云控制台

3.1 IDE跳转腾讯云控制台

本地开发涉及的云函数,可以在微信开发者工具IDE里面,打开云开发,进行查看。

但是,如果想在腾讯云控制台,查看云函数详情,如何操作呢?

进入微信开发者工具-》云开发-》设置-》环境设置-》支付方式

点击对应的费用,或者充值与账户,即可跳转到腾讯云控制台。

3.2 云开发控制台

3.1 小节如果完成绑定,就可以微信扫码腾讯云控制台,进入CloudBase控制台,查看对应的云函数。

如果3.1 小节没成功,也可以参考环境开通这里,绑定微信账号。

4 思考与总结

(1)nodejs 技术栈:Serverless 平台下,相关的应用场景、技术栈,对前端同学天然友好。

(2)部署迅速:在微信开发者工具上,一键点击上传,一个体验版本就能生成、内测,十分便捷。

(3)运维无感:整个过程,不用考虑购买机器、部署环境的问题——腾讯云负责。

(4)思维转变:前端同学,可能真的解放不少,日常的部署、运维完全不用care。

(5)适用场景:web场景,移动场景。

微信小游戏的demo,整体设计也是很有意思的。未接触过游戏代码的朋友,会有意想不到的惊喜。

有兴趣的同学可以看下代码,不再阐述。

今天就学习到这里,共勉~

5 参考文档

https://www.infoq.cn/article/s101GtcCV05_2AgKo8GD

https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html

https://docs.cloudbase.net/quick-start/create-env.html

https://developers.weixin.qq.com/community/business/doc/00022011ec0a287dd32b4ddce5180d

https://www.cloudbase.net/community/guides.html

https://www.cloudbase.net/community/courses.html

0 人点赞