【技术创作101训练营】Webify 一键部署网页应用原创

很荣幸能够参与腾讯云家社区技术创作。我今天想给大家分享的是一件我将会从这个方来讲解的内容，一个是网页部署的痛点，主要会讲到一些网页开发方知道的一些比较难搞的一些点，第二个是什么是FLY，第三个是一些复述的，这个是，呃，这个里讲动画网页置的痛点，不知道大家呃，在这在开发过程中，尤其是做网易开发故事三个环节之前遇到过大的一个痛，流程比较繁琐，呃，首先我们可能要购买服务器啊，然后配置一些像这些呃，或者点啊。

证书这些呃甚至可能还要去搭一套这种运维的这种服务，另外一个技术要求比较高，就需要我们去掌握一些组织的内容操作呀，包括是配置一些呃这的加速啊，包括去自己去呃制作S证书高，另外一个成本也比较高，就至少你都需交一台服务器跟照，然后一般年能一个应用叫啊通，传统这种方式方式的话，你都需要去到器上面大使模式案案是呃客腾讯云开发推的一个呃云上开发部署平台，它主要是帮助开发者能够快速的去开发。

然后故署啊，甚至呃可以这种自动化运维，有提供了呃一条龙的这种教服务啊，支持了包括网站共绘本服务的各种类型的种绘本应用，它还提供了一些像默认默认的域啊，包括一些免费的SPS证，还提供了一些呃的服务，能够对我们的外用进行一些性能的提升和一些安全性的一个提，此外的话，它也支持基于get的工作流，支持这种嗯这个化认为能够将我们的这个采访流程，那它有哪些特点呢？它是配置的HTPS网域名。

这个它可以去，所以你去默认去分配一个默认的域名啊，然后还会给到你一个HTPS的这种证书，就然的去支支持这种服务，你就你不需要去购买其他的这种，包括像N这种这种服务，因为它是支持这种静态内容服务，它可以支持像一些云函数啊它嗯另外的话，它是可以去加速我们的网站一站点的一个访问速度，它还进于性的去做了一一些我们的一些的一些呃工作流，嗯，这是我们一个呃微进来的一个，呃一个新进新进用的一个页面，我们左边可以看到啊，它是有这种嗯支持的。

还有呃最新支持的一个ing，也是呃腾讯云这边自的一个代码，呃的付款平台，像右边的话还是可以直接从我们的模板中去创建，就比如说像我们的三单，像呃RELAX3个比较常用的框架，Relax gsb JS的应用都是可以支持的啊，另外也支持一些SR的一服务端渲染情况下，就比如说有很多丰富的模板，一个官方的话大概提供了十来个吧，然后也支持我们开发者去自定义自己的模板，嗯它的硬件部署体验是非常好的。呃为什么这么说呢？首先嗯，我们第一步啊，就是就因为涉及到一个代码的一个，那我们肯定是需要把代码放在一个吧。

就首先第一步就需要去做一个铁平台的一个授权啊，目前的话是支持这四大平台已经应个是覆盖了这90%多的这个，呃，应用场景就是我们代码个个平台，像我这边的话就尝试了一下，呃，基本上都能够去很快的进行一个授权，呃，尤其是像那个Q顶顶是呃呃腾讯之家的，然后可能的绑定的话是。默认可以去进行一个啊，你的那你的一个开发者的一个一个账号信息进行一个授权，现在的话我们可以看一下刚就提到的一些模板，模板的话就呃这边可能还列的不是很全，至少是大部分像我们呃前端开发用的比较多的都是真实的，嗯另外一个的话啊，我们从模板中创建的话，我这里就选了一个我们常用的一些像文档方面，因为我们文档嗯，在开发过程中些文档是一个很痛苦的事情，但是如果有工具呃能够给到我们帮助的话，是一个非常轻松的事情，像我们使用了一个这个文档的一个部署的一个模板，选择它之后，它就会慢慢去从嗯，Get up那种长图，其实就。

是啊，腾讯云开发他们呃在在我们的呃这块有有有很多的模板，我们直接从他仓库里面去拿那个模板下来，这里的话其实也是一个呃宝藏啊，里面有各种各样的模板，你可以基模板去改造，我这边就相当于是直接去拉了我们的那个过来，在这里你看看到就是呃有兴趣的朋友就直接去访问一下这个链接里面的话，就涉及到一些，就是一些比较拿呃开箱停用的这边进行一个简单的配置，就应用性配置，然后呃我们可以看到一些构建命令和一些数据的目录，还有一些安装的命令，这些都是呃模板里面的话，它是已经默认的，就是根据不同的这种框架也好，不同的这种模板，它有一个自己的一个构建体系，像我们自定义的话，就需要去根据我们的实际情况去修改这些，呃，只要点这边，只要点一下部署，用它就会启动一个。

话的一个构建流程，最终它会进行一个发布，呃，发布之后的话，我们就可以得到一个直接可以访问的一个默认的一个域名，通过域名就可以到我们这个，不是刚刚说这个域名，呃，这里其实我们可以简单看一下实嗯目前的话应该是基于来构建的啊，可以看到一个构建日志，日志也是可以去下载的，可能我们有时候自己建的一些呃模板的话，可能不一定说一把就过了，那我们可能就根据一些日志信息去分析我们哪个地方配配置被错了，或者代码有问题啊，就可以直接去点右边这个下载日志的按钮去下载，像部署完之后，就是我刚刚部署一个这个文档的一个网站，就跟模板的就是一模一样，买的原因下就构建了，如果我们要进行二次开发的话。只需要在我们。

上面呃一个仓库里面去把这个页面进行一个优化，包括里的内容看一下一键部署体验，一键部署体验的话，目前我是找到了两个比较火的，就是我相信之前大家也都听过，一个是我们的合成的，还有一个就是一个叫小调，合成的话是一个小游戏来，嗯以前的呃幺两幺零四八类那种那种，呃老幺零死的那个有点像那种，嗯两个碰在一起一样的，就变成一个更大的啊像我这边的话，已经就是找了一下他们的一个文档里面是支持一键部署，一键部署它其实是这个按钮，它是可以在我们的官方文档里面去找到，呃是有一个很详细的教程，它其实的我感觉它的原理其实就是呃配。

这个我们的呃模板的一个呃机体的一个一个路径，然后点击这个一键部署的时候，它会自动去从那个我们指定的一个模板里面的去拿代码下来，然后按照他的一个中建流程行构建啊其实这个也挺好玩的，对我们对于进进行二次开发的话也是非常方便的，就让拿它代码过来，把拉过来了，然后微改改一改，改一改，再提交，它就自动给你去更新，自动去进出海一个部署的一个过程，像这里的话，就是我之前部署的那呃一个博客的一个一个页面，就属于一个自定义的一个模板啊，可能里面就是涉及到一些点，就比如说我们的一个构建的，像我这边的话，用的那个呃米S那一套的一个个的，然后它里面的话可能。

它的一个打包命令啊，包括它的一个产出目录啊，包括它那个安装可能跟其他的不太一样啊，另外一个的话还需要进行一个域名的配置，域名的话呃可以配置一个简单的一个资链，嗯，另外其他的话就是呃一个就是一些比较通用的这样部署这一块其实也就是一个呃的一个构建的过程啊，最终能够去展现一个自己的博客，相当于也是几分钟就能搞定的，看一下最新的一些，就目前能看到的就是九份的一个更新日志，一个就是九份的话是呃里面的话是新增像S静态的一个网页的一些模板，嗯控制台里面也是做了一些优化，像我们刚看到一些像C的一个流量。

包括我们的一配置起简，另外一个也是目前我能看到的就是跟其他的一些产品进行了一个联通，就比如说说的像星家这个的话，具体这个托管平台就叫的话是已经进行打通了，其他的包括像之前说的HS是一个普通的状态，呃，更好玩的场景呢，其实我觉得大家都可以去呃，看一下自己的需求能不能上到这个里面去，呃，它主要的优点其实就是一个就是比较，嗯，真的是比较方便简单，嗯，正如啊至名言哈，我个人感觉哈，就是任何可以用这个的应用最终都用的故事，因为确实是简方便。

就这么说啊，不过那么我今天的分享就到这里了，感谢大家。