Skip to main content

构建高性能Web站点详细教程

hanxie-crypto

hanxie-crypto

Serverless Desktop

本教程可以帮助用户获得一个高性能的博客主站,并且提供ServerlessApi 调用

部署软件ServerlessDesktop安装#

本次部署软件使用的是阿里云Serverless开发者工具 Serverless Devs 桌面客户端,大家可以通过 ServerlessDevs官网 获取,目前提供windows 和 mac 两个版本 ​

使用ServerlessDesktop 配置阿里云秘钥信息#

应用打开后提示配置秘钥信息

我们点击这行文字进行配置 ​

可以看到这里需要我们填写4个关键信息, AccountID,AccessKeyId, AccessKeySecret 和秘钥别名 秘钥别名填写default即可。 剩下的三个配置获取方式如下:

  • 注册阿里云账号(可以通过支付宝快捷注册)

  • 获取accountId,注册之后 在阿里云官网右上角查看,复制账号ID

  • AK,SK 的获取
点击控制台#

鼠标浮到右上角的小人头像上,展开的页面有AccessKey管理,点击这个。 新用户需要新建一个AK,SK。点击"继续使用AccessKey" 点击“创建AccessKey”

会提示让用户输入关联手机的验证码,获取验证码输入即可,最终得到AK,SK 把他们复制到我们的 desktop里面即可 点击确定之后你就可以开启网站部署之旅了。

站点部署#

选择 start-jamstack 应用模板, 点击“使用”,根据下面的动图指引操作#

恭喜你,你已经得到了一个jamstack站点 ​

站点更新#

因为本项目的开发需要依赖 nodejs环境,可以通过nodejs 官网安装最新稳定版本的nodejs

笔者的 nodejs 版本,和npm 版本如下

使用任意IDE打开源代码目录,笔者使用的vscode 下面给出具体的修改,构建,部署视频操作

  • 1.通过 vscode 的终端入口进入 当前的 serverlessdevs-website 目录下,执行npm i

  • 2.启动项目 npm start ,修改源码内容

  • 3.执行构建 npm run build, 将源码进行编译

  • 4.重新打开ServerlessDesktop ,进入应用配置,重新执行部署

动态API 部署#

这部分需要依赖阿里云函数计算产品 , 我们需要开通一下(本身开通免费,并且产品有免费额度) 开通后可以访问一下我们控制台,推荐大家使用新版,体验比较好

打开ServerlessDesktop 进入配置中心,解除右边配置文件注释的api 部分,然后执行部署操作 api注释掉

执行完毕后注意保存最后得出的customerDomain 当然这个时候我们可以直接访问这个域名 同时查看我们的函数计算云产品控制台,可以看到一个标准http函数已经被创建成功 把动态api 的域名替换掉 静态站点 的proxy配置,

恭喜你最后得到了一个 高性能的serverless 博客站点 https://zhangsan01.resume.net.cn/