这里有1秒给你微信头像带上口罩的软件！

2020 年 4 月 7 日
笔记

春风瑟瑟，华夏大地一片复苏。

尽管还在疫情之中，但春天已经逐渐出现生机，复工已经一个多月，复学也近在眼前，每天坐地铁上班的小E，已经找不到座位了，甚至去商场吃饭，也需要等位一个多小时……

虽然中国哪里都是人山人海，但国外总感染人数已经超过50万了，这可让游学在外的留学生吓坏了，他们四处劝告放飞自我的歪果仁带口罩，在朋友圈宣传、出门派口罩、甚至微信头像也不放过……

小E的留学生朋友，纷纷求会P图的小姐姐帮忙给微信头像P上口罩，但小姐姐拼尽全力，极限也只是10分钟P一张头像，根本应付不了姐妹们迫切的需求，以及外国小伙伴纷至沓来的请求……

以至于她昨晚忙到了凌晨4点，第二天8点起床继续P图，甚是疲惫。

怜香惜玉的小E，实在是看不得姐妹美貌的外表顶着黑眼圈，于是花了10分钟，给姐妹做了个“1秒戴口罩”的H5软件。

▼

自从给小姐妹做了这个软件后，妈妈再也不用担心她熬夜了，而且她还成了朋友圈中的“防疫大使”，芳名远扬，甚至有一些小伙子向她抛出了橄榄枝。

为了让大家都可以成为朋友圈“防疫大使”，小E在这里公开“1秒戴口罩”小程序的制作方法~

大家快坐稳扶好，拿着小本本来学习吧！

0.知识点

1. 能够正确地使用腾讯云提供的 SDK 进行服务调用

2. 学会使用腾讯云云函数搭建网站服务

3. 学会使用serverless 快速部署应用

1.准备工作

1. 进入腾讯云控制台，在左上角云产品菜单里，选择【人脸识别】-> 【人脸识别】，进入后在左边菜单栏中选择【人脸检测与分析】控制面板，进入后开通服务。

2. 在左上角云产品菜单里，选择【管理与审计】-> 【访问管理】，进入后在左边菜单栏中选择【访问密钥】->【API 密钥管理】，生成并获取一对 API 密钥。

3. 在电脑上安装Nodejs语言运行环境，可到下面的网址下载：https://nodejs.org/zh-cn/

4. 安装serverless framework，npm install -g serverless

5. 在下面的网址中下载本课程的代码包：https://github.com/Juliiii/JSCONF-SCF-DEMO

2.运行文件

1. 将申请好的云 api 秘钥，填写进课程的项目中的配置文件：

/server/wearMask/config.js

jsmodule.exports = {  secretId: "your secret id",  secretKey: "your secret key"};

2. 使用 serverless framwork 一键部署项目：

进入/server/wearMask，然后执行npm run deploy:install 进入到根目录，新建serverless.yml 填入下面的配置：

name: wearMask  web:  component: "@serverless/tencent-website"  inputs:    code:      src: ./web      index: index.html      error: index.html      envPath: ./web    env:      apiUrl: ${func.APIGateway}  func:  component: "@serverless/tencent-scf"  inputs:    name: wearMask    codeUri: ./server/wearMask    handler: index.main_handler    runtime: Nodejs8.9    timeout: 30    events:      - apigw:          name: apiUrl          parameters:            environment: release            endpoints:              - path: /                method: POST                enableCORS: TRUE                function:                  isIntegratedResponse: TRUE                  functionQualifier: $LATEST

然后在命令行键入：sls –debug，扫码一键登录，稍等下即可一句命令部署整个项目的前后端。