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

目录
相关文章
|
2月前
Midjourney-04 收集Prompt 百变小樱魔法卡 ClearCard 透明牌 提示词实践 Niji 5 Niji6 V6 详细记录 多种风格 附带文本关键词
Midjourney-04 收集Prompt 百变小樱魔法卡 ClearCard 透明牌 提示词实践 Niji 5 Niji6 V6 详细记录 多种风格 附带文本关键词
19 0
图库,设计类软件,App视频截图软件,外加设计图库,在你截取视频就能够实现图片收录,通过设计类网站后台控制系统,可以提前设置好,统计的分类内容,定义好分类,自动收录图片,再将截图汇总整理展示
图库,设计类软件,App视频截图软件,外加设计图库,在你截取视频就能够实现图片收录,通过设计类网站后台控制系统,可以提前设置好,统计的分类内容,定义好分类,自动收录图片,再将截图汇总整理展示
图库,设计类软件,App视频截图软件,外加设计图库,在你截取视频就能够实现图片收录,通过设计类网站后台控制系统,可以提前设置好,统计的分类内容,定义好分类,自动收录图片,再将截图汇总整理展示
|
6月前
|
Linux iOS开发 MacOS
【随手记】maplotlib.use函数设置图像的呈现方式
【随手记】maplotlib.use函数设置图像的呈现方式
63 0
|
存储 人工智能 前端开发
前端合成海报并保存到本地
前端合成海报并保存到本地
87 0
|
7月前
|
前端开发 JavaScript 索引
创建您的第一个记忆卡片游戏
创建您的第一个记忆卡片游戏
59 0
如何将电脑上的“小电影”隐藏为一张图片?这波操作绝了!!
如何将电脑上的“小电影”隐藏为一张图片?这波操作绝了,实现效果:你女朋友打开文件是一张图片,你打开却是各种“小电影”~~
121 0
如何将电脑上的“小电影”隐藏为一张图片?这波操作绝了!!
|
移动开发 前端开发
【H5 音乐播放实例】第五节 音轨制作
【H5 音乐播放实例】第五节 音轨制作
129 0
|
移动开发 前端开发
【H5 音乐播放实例】第三节 音乐详情页制作(3)
【H5 音乐播放实例】第三节 音乐详情页制作(3)
|
移动开发 前端开发 容器
【H5 音乐播放实例】第二节 音乐详情页制作(2)
【H5 音乐播放实例】第二节 音乐详情页制作(2)
|
JSON 定位技术 数据格式
基于GEE的制作全球任意地方时间序列数据动画的方法
基于GEE的制作全球任意地方时间序列数据动画的方法
197 0