关于我用laf花了一天，为学校写了个简单的线下千人抽签练手小项目

引言

晚上九点，我接到了老师需要我开发一个能在第二天晚上之前能用上的抽签小程序，我开始认为很简单，就是简单的表单提交数据，后端一个随机数就可以轻松解决了。没想到她要求在第二天的晚上，有一千到两千人同时扫码填写数据，这同时一千次的高并发不得给我那个小豆丁服务器给烧了。。。

所以最大的问题就是如何处理这个高并发和时间问题，所以我采用了两个方法，一个是服务器直接选择laf的云服务器，他支持动态扩容，不容易爆掉，而且部署起来很轻松，很快就可以完成，然后就是我们决定直接调用金数据的API来跳过我们自己收集表单这一步，让金数据的服务器去解决一下这个高并发的问题，事实证明作为一个问卷收集头部企业，果然是没啥问题的。

这次是我第一次使用laf云开发平台来部署这样的一个项目，既然他广告词都说让我们的开发像写博客一样写代码，那我可来试试了，不过事实证明laf确实相当方便，部署这样的一个小项目简直是一发入魂。

那么作为一个刚开始学习前端一个月并且尝试开始开发小项目的小白，让我来带你们看看小白是怎么轻松在laf上开发部署一个项目的，给大家分享一下我的开发部署初体验。手把手告诉大家一个网页的部署需要在上面干什么，看完文章你就能轻松学会laf的部署啦~

抽签小网页

想直接看laf部署直接跳到最后喔~

我一共写了这样的两个页面，内容就是简单的切图，没有设计师，晚上干想出来的页面设计，只能说还有好看的空间~

这样的两个页面就没有什么难度了，就按照head body foot三部曲切成上中下三个部分或者上下两个部分,图片是现成截出来的，样式设计就没不用细说的，如果有小白有兴趣的话也可以找我要源码，然后两个页面除了一个a标签跳转和抽签按钮发送网络请求返回信息其实没有其它的操作。

第一个页面提供一个跳转连接金数据进行填写：

然后就是第二个页面点击抽签的效果：

就是获取数据之后，显示一个table展示一下抽奖结果。

当然，请求的时候和抛出error的时候也需要有响应：
加载

未输入

没有符合条件的学生

就这样就把我们的页面解决了~

金数据API调用

一般我们如果想要调用这类网站的API，我们可以直接搜索他们的API调用，一般就能找到他们的使用文档:

搜索

就这样轻松搜到：

查看文档

他会告诉我们接口的认证方式：

代码可以这样写：

我们直接用fetch方法来演示一下吧:

ts 复制代码

  const testData = await cloud.fetch({
     url: `https://jinshuju.net/api/v1/forms/${formToken}/entries?next`,
     headers: {
       Authorization: 'Basic ' + Buffer.from(`${api_key}:${api_secret}`).toString('base64')
     }
   })

在请求头里，按照他要求的格式，把key和secret进行拼接转码然后拼接在Basic 头后面，这样我们就可以正确的发送请求啦~

他支持我们这几种调用方式：