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

本文为阿里云原创内容,未经许可不得转载。