利用云函数nojs创建网页合成大西瓜

本文涉及的产品
.cn 域名,1个 12个月
简介: 云开发平台https://workbench.aliyun.com/?spm=a2c6h.14409135.0.0.57a669fe0M5G1v

利用云函数nojs创建网页合成大西瓜

创建应用

  1. 登录云开发平台。打开网址https://workbench.aliyun.com/,使用阿里云账号登录,按照提示创建团队,点击同意协议。没有阿里云账号的用户,在登录页面注册后进行登录即可。为了保证最好的使用体验,请使用Chrome浏览器
  2. 创建合成大西瓜应用。
  3. 云资源访问授权。如果您之前没有使用过云开发平台,会出现云资源授权管理的选项,往下拉出现直至同意授权的字样,点击「同意授权」后出现授权成功,点击进入「下一步」。
  4. 选择创建方式。分别选择开发语言NodeJS,创建方式选择直接创建,然后点击下一步
  5. 填写应用基本信息。按图示填写应用的名称和应用介绍、计算服务。信息填写完成后点击下一步。
  6. 云服务管理。查看应用依赖的云服务的开通情况,未开通的服务右键点击立即开通,在新标签打开所有服务开通页,根据提示一一开通。开通后应用卡片环境管理后面的小图标全部变成绿色的已开通对勾形状,才算完成应用的创建。

image.png

应用配置

  1. 下载合成大西瓜代码。在https://gitee.com/xpand/xigua下载源代码后解压缩到本地目录
  2. 创建环境。应用创建成功后会跳转到应用详情页面,点击日常环境的部署配置,依次选择 【自动创建环境】-【选择任意可用区】-【自动创建交换机】
  3. 进入在线开发部署。等待应用创建完成,完成后回到如下页面,(刚开始所有环境都是未部署状态)点击在线开发部署,在新的窗口打开WebIDE部署, 点击「在线开发部署」,打开CloudIDE上传代码文件。
  4. 上传代码文件。CloudIDE加载完成后,选中下载的文件,将源码下的除.git文件外的其他文件直接拖拽到

WebIDE的根目录。

  1. 将代码提交到仓库。修改完文件按ctrl+s,或者苹果command+s保存文件,按照下图把代码提交到仓库。

部署合成大西瓜应用
image.png
image.png

部署合成大西瓜应用

  1. 一键部署应用。点击CloudIDE左侧的部署tab,选择日常环境,点击立即部署,在弹出框中确认配置后继续部署。部署完成后产生临时域名,即可访问好部署的站点。
  2. 打开“部署”成功后生成的临时域名访问合成大西瓜应用。如果需要保留应用长期使用,在域名配置中将二级域名CNAME到个人域名部署到线上环境就可以长期保留使用。临时域名只有30分钟有效期,如果需要继续访问,也可以在域名配置那里刷新一个新的临时域名。

image.png
image.png

目录
相关文章
|
1月前
Midjourney-04 收集Prompt 百变小樱魔法卡 ClearCard 透明牌 提示词实践 Niji 5 Niji6 V6 详细记录 多种风格 附带文本关键词
Midjourney-04 收集Prompt 百变小樱魔法卡 ClearCard 透明牌 提示词实践 Niji 5 Niji6 V6 详细记录 多种风格 附带文本关键词
13 0
|
3月前
|
缓存 运维 物联网
函数计算产品使用问题之文生图生成的是卡通类型的,如何修改
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
3月前
|
人工智能 Serverless 异构计算
用函数计算FC部署生成3D卡通头像模型体验
【8月更文挑战第10天】用函数计算FC部署生成3D卡通头像模型体验
39 2
|
5月前
|
Linux iOS开发 MacOS
【随手记】maplotlib.use函数设置图像的呈现方式
【随手记】maplotlib.use函数设置图像的呈现方式
51 0
|
6月前
|
前端开发 JavaScript 程序员
用代码的方式,把我想说的情话呈现给你 💌
用代码的方式,把我想说的情话呈现给你 💌
105 0
|
移动开发 前端开发
【H5 音乐播放实例】第五节 音轨制作
【H5 音乐播放实例】第五节 音轨制作
127 0
|
移动开发 前端开发
【H5 音乐播放实例】第三节 音乐详情页制作(3)
【H5 音乐播放实例】第三节 音乐详情页制作(3)
|
移动开发 前端开发 容器
【H5 音乐播放实例】第二节 音乐详情页制作(2)
【H5 音乐播放实例】第二节 音乐详情页制作(2)
|
JSON 定位技术 数据格式
基于GEE的制作全球任意地方时间序列数据动画的方法
基于GEE的制作全球任意地方时间序列数据动画的方法
184 0
程序人生 - 合成大西瓜正版地址?
程序人生 - 合成大西瓜正版地址?
199 0
程序人生 - 合成大西瓜正版地址?