初学者可以使用此方法建立网站。无需购买服务器，10分钟内快速部署您的静态网页。网站。针对新人和持续活跃的开发者和用户，推出线上激励加油礼包，免费赠送最高100元无门槛代金券，现在体验还能领取年轻人养生神器，台式不锈钢保温杯！阿里云开发平台推出开源应用中心，汇聚最热门的开源应用，让您像安装APP一样快速上线网站。针对新人和持续活跃的开发者和用户，推出线上激励加油礼包，免费赠送最高100元无门槛代金券，现在体验还能领取年轻人养生神器，台式不锈钢保温杯！聚合最流行的开源应用开源应用中心聚合了最流行的前端开源应用模板，让大家真正像安装APP一样上线网站。目前支持最流行的前端框架，包括Vue.js、React、Nuxt.js、Next.js、AntDesign等，以及内容管理平台Hexo、Docusaurus、VuePress、Sapper等。使用和部署开源模板非常适合您的以下场景：个人学习：轻松创建个人主页、博客等网站，边部署边学习。协同开发：创建信息管理系统、CMS等前端项目，并协同维护和开发。云开发平台还收集开源作者的应用。对于热门应用，我们可以提供现金奖励、流量曝光等支持。开源应用一键同步、一键部署阿里云开发平台前端应用部署功能旨在改善前端开发者的工作环境，优化前端开发部署体验。同时，还可以结合云开发平台的云原生架构能力和宿主应用的部署能力，让前后端应用更高效地协同。操作简单：无需购买服务器、配置环境、手动上传文件等，云开发平台帮您实现自动化操作，包括随时一键上线/下线。使用零成本：支持GitHub和云端效率的Codeup仓库，在仓库中快速构建和部署代码。免费资源支持：免费提供临时测试域名，为新用户和持续活跃用户免费提供云资源加油包。不限数量：不限制repos的使用数量和申请数量。无论是开源仓库还是自己账号下的repo，每个代码repo都可以部署为静态网站。使用云开发平台启动静态应用的几个简单步骤1.账号准备您需要一个阿里云账号，使用阿里云账号登录云开发平台（https://workbench.aliyun.com/），按照提示创建团队，点击同意协议。如果没有阿里云账号，在登录页面注册一个，然后继续登录。有Github账号（https://github.com/），没有就注册一个。为获得最佳体验，请使用Chrome浏览器。未开通阿里云OSS的用户，点击链接（https://workbench.aliyun.com/...）激活OSS服务。OSS免费开放，有一定的免费额度。超过配额后按量付费。2.创建应用2.1在应用中心选择任意模板创建应用在应用中心选择任意模板创建应用。如果之前没有使用过云开发平台，会有一个云资源授权管理的选项。向下滚动，直到您同意授权。点击“同意授权”，即可显示授权成功。点击下一步”。绑定GitHub账号。授权完成后，选择源仓库为GitHub，根据提示点击绑定，绑定GitHub账号，登录后点击AuthorizeAliyunWorkbench，允许云开发平台将你的GitHub代码构建发布为无障碍网站。绑定完成后，返回应用创建页面。代码仓库不按照默认的“模板仓库”和默认的主干分支进行操作，点击“下一步”。填写申请信息，完成创建。填写必要的应用信息完成创建（我们已经提供了默认配置），成功后进入应用详情和部署界面。首次登录没有可选的生产线，点击右侧自动创建生产线。2.2使用自己的仓库应用创建选择需要部署在自己仓库的应用。云开发平台除了使用应用中心的模板创建网站外，还支持使用本地代码或开源代码创建静态网站。与通过模板中心创建应用不同的是，绑定Gihutb后，选择“OwnWarehouse”，找到上一步自己创建的GitHub仓库和master分支。然后按照以上步骤继续填写申请详情页。设置部署配置。在部署自己的代码仓库时，开发平台需要根据具体的代码进行简单的配置才能部署成功：编写build.sh：代码由源码生成，通过npm打包编译成纯HTML/CSS/JS静态文件整个过程的shell指令需要完整填写在release分支根路径下的build.sh文件中，例如：不知道怎么做？也可以直接点击“Deploy”按钮一次，然后修改默认生成的build.sh的内容：b．填写静态文件的相对目录：执行build.sh后，代码生成的静态文件所在的相对目录目录需要填写在“部署配置-资源路径”中。提示：比如React应用（如图）一般填写“./build”；Vue应用一般填写“./dist”。C。调整配置：当你发现你的代码在完成上述步骤后仍然部署不正确时，你需要查看部署日志，修改上面的build.sh和部署资源路径。几种常见的部署错误如下：3、日常环境部署现场一键应用部署。在应用详情页面点击日常环境中的“部署”按钮，进行一键部署。部署状态变为绿色并部署完毕后，您可以点击访问部署网站查看效果。恐龙网站的日常环境已经部署完毕。日常环境下的测试域名也是可以访问的。单击VisitDeployedWebsite按钮，将出现一个弹出窗口。单击弹出窗口中的“立即访问”以访问已部署的站点。部署完成后，您可以继续在本地编码，将代码推送到应用“基本信息”中对应的代码仓库。4.在线环境配置自定义域名上线在线环境配置自定义域名。功能开发和验证完成后，需要部署到线上环境，在线上环境的“部署配置”-“自定义域名”中填写自己的域名。比如我们添加一个二级域名company.workbench.fun来绑定我们部署的前端应用。然后复制自定义域名下的API网关地址，为添加的二级域名配置CNAME。配置CNAME地址。复制API网关域名地址后，进入自己的域名管理平台（本例中的域名管理为阿里云的域名管理控制台，请进入自己的域名控制台进行操作）。在添加记录的“记录类型”中选择“CNAME”，在“主机记录”中输入你要创建的二级域名，这里我们输入“公司”，粘贴我们复制的API网关域名地址之前在“记录值”中。"TTL"保持默认值或设置您认为合适的值。线上环境部署上线。回到云开发平台的应用详情页面，按照部署操作，在在线环境中点击“部署按钮”。部署完成后，将在您的自定义域名上线。CNAME生效后，我们输入company.workbench.fun（sampleURL）打开部署页面。至此，如何将应用部署到线上环境，如何绑定自己的域名访问线上应用就完成了，快速将自己的应用部署到线上环境，使用自己的域名来玩吧；）体验和立即领取双倍大礼第一个任务：使用阿里云账号登录云开发平台，创建团队并同意平台使用协议。只有云开发平台的新用户才能完成。第二个任务：在开源应用中心的列表页部署任意一个应用，并绑定自己的个人域名在在线环境中上线。第三个任务：在开源申请中心点击提交你最想看到的开源申请。可以是现有列表中的应用，也可以是尚未在开源应用中心上线的应用。我们收到您的请求后会先上线。第一份礼物：台式不锈钢保温杯完成3个任务即可获得台式不锈钢保温杯资格。签到任务状态有一定延迟，请完成后刷新。活动期间（12月15日-12月24日）每个工作日150个，上午10:00派发，送完即止。若当天奖品已领取，可先完成签到任务，次日准时前来领取！赠送二：免费云资源激励加油礼包云开发平台为新用户提供10元无门槛加油礼包，在活动页面完成相应的新手任务即可领取。使用云开发平台开通个人或企业站点的用户，可申请100元无门槛加油券。申请的用户需要满足两个条件，1.已经通过云开发平台上线过个人或实际的网站，2.写过一篇基于云开发平台上线网站的经验分享。工作人员将在收到申请后60天内完成审核，请确保网站保持在线状态。活动细则活动对象：在阿里云官网注册的实名认证用户活动时间：2021.12.15-2021.12.22，活动顺延至12月24日。活动网址：https://workbench.aliyun。com/app用户需要完成所有指定的签到任务才能领取奖品，同一用户只能领取一次。活动期间，除周六外，每天发放150份奖品。每天上午10:00，都会有新的补给奖品。当天领取奖品后，可于次日再来领取。先到先得，送完即止。实物奖品以实物为准，颜色随机，图片仅供参考，活动结束后15个工作日内发货。实物奖品如受疫情影响无法确定发货时间，请关注活动群公告信息。10元代金券奖励需完成新手加油礼包页面的新手任务后方可领取。100元代金券需按表申请，工作人员将在收到申请后60日内完成审核。请确保网站保持在线。60日内无法在审核当日访问网站的，视为审核不通过。阿里云可能会根据赛事实际情况对赛事规则进行变更或调整。相关变更或调整将在活动页面公布，一经公布立即生效；但不影响用户在活动规则调整前已获得的权益。活动相关问题，可扫描钉钉二维码加入云开发活动群或搜索钉钉群号：34096194加入。“同一用户”是指阿里云根据不同阿里云账号在注册、登录、使用过程中的关联信息判断为同一用户。关联信息示例：同一张证书、同一个手机号、同一个支付账号、同一个设备、同一个地址等。“番人号”是指同一用户拥有多个阿里云账号，每个账号都是一个共同账户。为保证活动的公平公正，如用户在活动期间有隐瞒、捏造、弄虚作假、弄虚作假或采取其他异常手段规避活动规则，获取不正当利益，如：作弊、恶意套现等、网络攻击、虚假交易等行为，阿里云有权收回相关权益，取消用户参与活动资格，取消违规交易，必要时追究违规用户的法律责任。本次活动最终解释权归阿里巴巴集团所有。原文链接本文为阿里云原创内容，未经许可不得转载。
