当前位置: 首页 > 后端技术 > Node.js

阿里云七日云开发校园伙伴创建营Day1

时间:2023-04-03 19:09:19 Node.js

云开发7天训练营学习计划阿里云云开发平台校园伙伴招募主要提供云开发平台web开发经验,包括以下内容:UnderstandingServerlessCloudDevelopment(8.3):了解云开发平台的基本概念和操作、团队协作、应用开发和部署CloudFunctions(8.4):静态的功能、架构、调用方式和托管方式的基本概念filesDevelopwebinterfaces(8.5):学习使用函数开发web界面,同时开发多个函数,资源复用serverrendering(8.6):学习使用函数访问传统koa中间件,构建web应用数据库调用(8.7):学习访问数据库,调用数据存储多媒体托管和支付(8.10):学习函数文件多媒体托管和支持能力集成解决方案开发实践(8.11):学习和开发前端(react/vue)代码的集成解决方案完整的撒花,点击上面的链接可以回顾一下这七天的内容~Day1:ServerlessCloudDevelopment关于ServerlessServerless架构是一个基于互联网的系统,应用开发不使用常规的服务流程。相反,它们完全依赖于第三方服务(例如AWSLambda服务)、客户端逻辑和服务管理的远程过程调用的组合。函数计算的免运维特性自然是对前端工程师的补充。工程师只需编写业务代码,即可快速构建云原生Web应用,有效提升上限迭代效率,降低运维成本。阿里云开发平台是面向开发者和中小企业的一站式全云开发平台。其主要特点是:0门槛全云开发,与业界领先的Serverless架构在线协同,行业应用,一键初始化,日常任务。今天的任务是使用云开发平台创建新的应用,邀请成员协作开发。1、登录云开发平台创建应用,进入云开发平台,点击免费云开发,登录。如果是第一次登录,会要求创建企业(团队)。创建成功并同意协议后,您将跳转至云开发平台的应用列表。详细操作请参考官方指导文档进入应用列表,点击新建应用,新建一个针对WEB场景的NodeJS存量应用迁移方案,点击下一步。填写基本信息,所属产品选择默认,根据需要选择Region(创建的应用Region不可更改),填写完成后点击Finish。创建的应用会显示在应用列表中,如下图,新建的未部署的应用会显示为Offline,右侧会显示已部署的应用。会员管理可以邀请开发会员与您合作。2.开发预部署在开始开发之前,确保应用列表中的环境管理已启用所有四个依赖的云服务。进入CloudIDE,可以看到预设的demo。这时候可以点击IDE右上角的WB,选择Test,勾选预览模式进行测试,右边的编辑器会自动打开预览页面。如果测试没有问题,可以尝试部署到日常环境中。部署成功后,输出控制台会有如下图提示,并提供一个域名,可以直接访问。demo中有读取RDS/OTS数据库的例子,我们可以尝试按照default.html页面配置来读取数据库的内容。首先回到应用列表,进入应用配置,在日常环境中批量添加环境变量,回到IDE下的终端,输入npmintsall安装npm依赖,重新test/deploy,可以看到内容部署完成后在数据库中3.上传自己的代码上传有两种方式直接在IDE中右键,上传文件并配置SSH密钥使用Gitclone到本地,确保安装了Git并在电脑上配置。SSHkey的配置可以查看文档。Git远程代码仓库的地址可以在应用列表中查看应用信息获得。这里不讨论Git操作。推送到远程仓库后,需要在IDE中进行同步。此操作与$gitfetch具有相同的效果。让我们以SandSculptureMarketing帐户副本生成器为例。上传代码后重新测试部署即可看到页面4.部署发布在日常环境和预发布环境部署没有问题后,就可以发布上线了。首先准备一个域名,在应用列表-应用配置-在线环境-绑定域名中填写要绑定的域名。绑定完成后返回IDE进行在线部署。部署成功后会出现一个二级域名,作为CNAME记录解析给该域名所在的服务商。解析生效后,即可使用自定义域名访问。事实上,由于时间紧迫,任务扩展并不需要我们完成开发和部署操作。不过,如果你能轻松掌握以上内容,也可以跟我一起扩展任务。我们刚刚创建的是一个NodeJS库存应用程序迁移解决方案,因此我们可以尝试启动一个NodeJS应用程序。我们以VuePress为例。进入一个已经写好的Vuepress项目,可以使用我提供的demo进行如下操作:gitclonegit@github.com:microlong666/VuePress-Demo.git#ClonethecodetothelocalcdVuePress-Demonpmintsall#安装依赖vuepressdevdocs#打开localhost:8080查看页面vuepressbuilddocs#修改代码后生成静态文件#这段代码已经包含静态文件,只需要上传docs/下的网页静态文件即可。docs/.vuepress/dist目录下的vuepress/dist目录进入阿里云远程仓库重新部署上线。效果直接总结。因为是第一次使用云开发平台,平台操作上多说几句。Serverless确实方便了中小型项目的部署和使用。本文提到的大部分是静态网页的部署,以后还会有涉及到中间件和数据库的后端操作。对创造营后续内容感兴趣的小伙伴记得关注我哦~