文章目录
[+]
2.1 选择应用中心任意模版创建应用
选择应用中心任意模版创建应用。如果您之前没有使用过云开发平台，会出现云资源授权管理的选项，往下拉出现直至同意授权的字样，点击「同意授权」后出现授权成功，点击进入「下一步」。绑定GitHub账号。授权完成后选择来源仓库为GitHub，按照提示点击去绑定，绑定GitHub帐号，登录后并点击Authorize AliyunWorkbench允许云开发平台构建、发布你的GitHub代码为可访问的网站。 绑定完成后返回应用创建页面，代码仓库按照默认「模板仓库」以及默认主干分支不用操作，并点击「下一步」。
（图片来自网络侵删）
2.2 使用自己的仓库应用创建
选择自己仓库里需要部署的应用。除了可以使用应用中心的模版创建网站，云开发平台也支持使用本地代码或者开源代码创建静态网站。与通过模版中心的应用创建的区别在于，在绑定Gihutb之后选择“自己的仓库”，找到上一步自己创建的GitHub仓库及master分支。然后在应用详情页面根据以上的步骤继续填写即可。设定部署配置。当部署的是您自己的代码仓库时，开发平台需要您根据具体代码进行简单配置来部署成功：编写build.sh：代码从源码，经过npm打包编译等过程，到生成为纯粹HTML/CSS/JS静态文件的全过程的shell指令，需要被完整填写到发布分支根路径下的build.sh文件中，例如：不知道如何操作？您也可直接点击一次“部署”按钮，之后，对默认生成的build.sh内容进行任意修改：
b. 填写静态文件相对目录：在build.sh执行后，从代码生成出的静态文件所在的相对目录，需要被填写到“部署配置-资源路径”中。
Tip：例如React应用（如图），一般会填写“./build”；Vue应用则一般为“./dist”。
c. 调整配置：当您完成上述步骤后，发现自己的代码仍然部署错误时，需查看排查部署日志，对上面的build.sh和部署资源路径进行修改。常见的几种部署错误情况如下：
3. 在日常环境部署站点
一键进行应用部署。在应用详情页面点击日常环境的「部署」按钮进行一键部署，部署状态变成绿色已部署以后可以点击访问部署网站查看效果。Dinosaurs网站日常环境部署好了。日常环境的测试域名也是可以访问的，点击访问已部署网站按钮会出现一个弹出，点击弹出上的立即访问就能够访问已经部署好的站点了。在部署完成后，可以继续本地编码，并将代码push到应用的“基本信息”中对应的代码仓库内。4. 配置自定义域名在线上环境上线
配置线上环境自定义域名。在功能开发验证完成后要在线上环境进行部署，在线上环境的「部署配置」-「自定义域名」中填写自己的域名。例如我们添加一个二级域名 company.workbench.fun 来绑定我们部署的前端应用。然后复制自定义域名下方的API网关地址对添加的二级域名进行CNAME配置。配置CNAME地址。复制好 API网关域名地址后，来到你自己的域名管理平台（此示例中的域名管理是阿里云的域名管理控制台，请去自己的域名控制台操作）。添加记录的「记录类型」选择「CNAME」，在「主机记录」中输入你要创建的二级域名，这里我们输入「company」，在「记录值」中粘贴我们之前复制的 API网关域名地址，「TTL」保留默认值或者设置一个你认为合适的值即可。在线上环境部署上线。回到云开发平台的应用详情页面，按照部署的操作，点击线上环境的「部署按钮」，部署完成以后就在你自定义的域名进行了上线。CNAME 生效之后，我们输入 company.workbench.fun（示例网址） 可以打开部署的页面。至此，如何部署一个应用到线上环境，如何绑定自己的域名来访问一个线上的应用就完成了，赶紧部署自己的应用到线上环境，用自己的域名玩起来吧 ；）原文链接：https://developer.aliyun.com/article/829641?utm_content=g_1000314028
本文为阿里云原创内容，未经允许不得转载。
