利用云函数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

目录
相关文章
|
20天前
|
图形学 数据可视化 开发者
超实用Unity Shader Graph教程:从零开始打造令人惊叹的游戏视觉特效,让你的作品瞬间高大上,附带示例代码与详细步骤解析!
【8月更文挑战第31天】Unity Shader Graph 是 Unity 引擎中的强大工具,通过可视化编程帮助开发者轻松创建复杂且炫酷的视觉效果。本文将指导你使用 Shader Graph 实现三种效果:彩虹色渐变着色器、动态光效和水波纹效果。首先确保安装最新版 Unity 并启用 Shader Graph。创建新材质和着色器图谱后,利用节点库中的预定义节点,在编辑区连接节点定义着色器行为。
70 0
|
29天前
|
移动开发 前端开发 UED
卡片翻转,故事展开:HTML+CSS动画让信息传递更生动!(含源码)
卡片翻转,故事展开:HTML+CSS动画让信息传递更生动!(含源码)
|
3月前
|
Linux iOS开发 MacOS
【随手记】maplotlib.use函数设置图像的呈现方式
【随手记】maplotlib.use函数设置图像的呈现方式
33 0
|
12月前
|
人工智能 JSON API
|
4月前
|
前端开发 JavaScript 索引
创建您的第一个记忆卡片游戏
创建您的第一个记忆卡片游戏
37 0
|
编解码
漏刻有时拼接屏测试分辨率的测试页面
漏刻有时拼接屏测试分辨率的测试页面
52 0
|
移动开发 前端开发
【H5 音乐播放实例】第五节 音轨制作
【H5 音乐播放实例】第五节 音轨制作
119 0
|
前端开发 JavaScript 算法
前端js实现水果放大实例
其实很简单, 我们只需要知道鼠标距离html文档的距离减去水果盒子到页面的距离就可以得到鼠标到水果盒子边的距离
99 0
|
JSON 定位技术 数据格式
基于GEE的制作全球任意地方时间序列数据动画的方法
基于GEE的制作全球任意地方时间序列数据动画的方法
164 0
程序人生 - 合成大西瓜正版地址?
程序人生 - 合成大西瓜正版地址?
191 0
程序人生 - 合成大西瓜正版地址?