阿里云-云开发平台入门篇——静态网站的全生命周期实战

简介: 阿里云-云开发平台入门篇——静态网站的全生命周期实战

静态网站的全生命周期实战

云开发平台官网: https://workbench.aliyun.com/

创建应用

这里我们使用默认的产品,就不再创建产品了

在这里插入图片描述
在这里插入图片描述
然后会有一些依赖服务,没开通的话开通一下就好了

在这里插入图片描述
然后就可以看到我们刚创建的demo了

在这里插入图片描述

开发部署

在这里插入图片描述
然后就会跳转到一个云端的 IDE

在这里插入图片描述

左上角这个是提供的workbench插件,有部署和调试功能 在这里插入图片描述

.workbench文件是来做一些默认的配置

{
  "fcRouteDefault" : [  // 可以理解为路由表
    {"apiUri":"/*",  // 匹配路径
     "fcHandler":"serverless.handler",  // 请求处理
     "httpMethod":"ANY"
    }
  ],
  "cicd": {  // 部署要执行
    "package": "mkdir zip && rsync -a --exclude node_modules/ --exclude package-lock.json --exclude zip/ . ./zip && cd zip && npm install --production && zip -r ../code.zip ./ -x '*.git*' -x '*.zip' -x '.DS_Store' && cd ../ && rm -rf zip"
  }
}

开发一个最简单的页面
新建一个index.html文件
在这里插入图片描述
随便写一写
在这里插入图片描述
我们可以调试一下
在这里插入图片描述
可以看到,控制台输出了调试的日志信息

在这里插入图片描述
我们可以点击控制台的url进行访问,也可以勾选预览模式,这样直接在IDE中就可以看到网页

在这里插入图片描述
处理请求的代码在serverless.js文件中,可以看到默认访问的文件
在这里插入图片描述
然后我这边使用一个案例demo,大家需要的话可以访问 https://github.com/royalrover/demo 进行下载,我将下载好的文件直接拖到 IDE,如下
在这里插入图片描述
然后我们再进行调试,可以看到静态html页面显示出来了
在这里插入图片描述
然后进行部署,直接点击部署即可
在这里插入图片描述
在这里插入图片描述

部署完成后,我们会得到一个测试域名,这个域名就可以公网访问,但是这个域名是有时效的,我们可以在应用页面进行查看
在这里插入图片描述
我们访问测试域名看一下
在这里插入图片描述
然后还有一个二级域名,二级域名需要绑定到我们自己的域名上,在域名解析中添加一条记录即可【记录值填二级域名就好了】
然后在云开发平台绑定我们的域名与二级域名的关系,在应用列表页点击应用配置
在这里插入图片描述
把自己的域名输入到绑定域名即可
在这里插入图片描述
最后重新部署一下就ok了

下线&删除应用

在应用列表点击一下就好了
在这里插入图片描述
删除应用如下
在这里插入图片描述

目录
相关文章
|
前端开发 UED
建站利器 | 阿里巴巴上线静态开源站点搭建工具 Docsite
近日,阿里巴巴在Github上线了静态开源站点搭建工具Docsite,这是一款集官网、文档、博客和社区为一体的静态开源站点的解决方案,具有简单易上手、上手不撒手的特质,同时支持react和静态渲染、PC端和移动端、支持中英文国际化、SEO、markdown文档、全局站点搜索、站点风格自定义、页面自定义等功能,借助Docsite,可以极大的提高前端工程师搭建静态开源站点的效率。
5254 0
搭建自己专属的静态网站与云笔记
搭建自己专属的静态网站与云笔记
254 0
搭建自己专属的静态网站与云笔记
|
JSON 小程序 前端开发
云开发入门第六章,云函数的讲解
云开发入门第六章,云函数的讲解
385 0
|
存储 小程序 NoSQL
小程序云的进阶开发技巧
介绍小程序云函数以及云调用的进阶用法。
1480 0
小程序云的进阶开发技巧
|
弹性计算 对象存储
阿里云云渲染管理系统怎么使用?
云渲染管理系统(Render Manager)是一个开源的 web 应用,可以帮助用户轻松搭建阿里云上的私有渲染系统,直接调用海量计算资源,一键管控集群规模,在加速渲染任务的同时省去自建集群的烦恼。 今天,我们主要给大家介绍一下如何使用云渲染管理系统。
2361 0
基于阿里云课程搭建自己专属的静态网站与云笔记
基于阿里云课程搭建自己专属的静态网站与云笔记
401 0
基于阿里云课程搭建自己专属的静态网站与云笔记
|
小程序 JavaScript 前端开发
小程序云开发全套实战教程(最全)
小程序云开发全套实战教程(最全)
165 0
|
JSON 前端开发 小程序
小程序云开发入门介绍
  微信小程序刚出没多久时,曾经上手写过demo,但开发体验比较差,所以一直没怎么关注。不过自从诸多适配方案出炉,以及云端的开通,觉得还是有必要上手体验一番的。   原生开发我是不想再试了,那就选一种适配方案,目前比较知名的有基于vue的 mpvue,umi-app,基于react 的 taro,以及TX团体出的全新框架 wepy。个人对 react 的好感 以及 taro 框架的走向成熟,促使我选择了 taro。   云端开发就是将普通小程序的传统后端切换为微信提供的轻量级云端。而这个云端服务部分的开发其实是针对前端开发的,前端工程师很容易就能全栈开发出一整个小程序。但是这种轻量级解决方
365 0
|
Java 测试技术
PPT | 云客堂——云应用程序结构、开发测试及发布过程全解析
这是系列课程“云服务助力Java 应用程序开发及部署”的第二节“在本地修改云上的Java应用程序”,后来将课程标题修改为“云应用程序结构、开发测试及发布过程全解析”,而最终上线的视频课程名称是:一个简单应用程序的上云过程 相关学习资源 SSM框架 + 云...
1109 0
|
安全 小程序 API
云开发技巧
在云开发技巧中,我们将向你介绍: 使用云函数HTTP触发器+云调用实现无需后端接入支付宝支付功能,并通过云函数接收支付回调功能; 使用云函数定时触发器实现每天凌晨定时调度任务。
云开发技巧

热门文章

最新文章