QR碼很有趣，對吧？我們愛它們，然后恨它們，然后又愛它們。無論如何，它們最近又開始流行起來，這讓我開始思考它們是如何制作的。市面上有數(shù)不清的QR碼生成器，但假設(shè)你需要在自己的網(wǎng)站上生成QR碼。雖然有些軟件包可以做到這一點，但它們通常體積龐大（例如，180KB），包含生成QR碼所需的所有內(nèi)容。將這些內(nèi)容與網(wǎng)站的其他腳本一起提供服務(wù)并不理想。

云函數(shù)的概念為解決這個問題提供了一種優(yōu)雅的方案。云函數(shù)駐留在服務(wù)器上，僅在需要時調(diào)用，類似于一個小型API。

一些主機提供云函數(shù)功能，DigitalOcean就是其中之一！與Droplets一樣，函數(shù)部署也相當容易。

本地創(chuàng)建函數(shù)文件夾

DigitalOcean提供了一個CLI命令，可以為我們搭建項目框架。進入你想要設(shè)置項目的目錄，然后運行：

<code>doctl serverless init --language js qr-generator</code>

請注意，語言是明確聲明的。DigitalOcean函數(shù)還支持PHP和Python。

我們會得到一個名為qr-generator的簡潔項目，其中包含一個/packages文件夾，該文件夾包含項目的所有函數(shù)。其中包含一個示例函數(shù)，但我們現(xiàn)在可以忽略它，并在其旁邊創(chuàng)建一個qr文件夾：

該文件夾將存放qrcode包和我們的qr.js函數(shù)。因此，讓我們進入packages/sample/qr目錄并安裝軟件包：

<code>npm install --save qrcode</code>

現(xiàn)在，我們可以在一個新的qr.js文件中編寫函數(shù)：

const qrcode = require('qrcode')

exports.main = (args) => {
  return qrcode.toDataURL(args.text).then(res => ({
    headers:  { 'content-type': 'text/html; charset=UTF-8' },
    body: args.img == undefined ? res : `<img src="/static/imghw/default1.png" data-src="https://img.php.cn/" class="lazy" alt="Let's Make a QR Code Generator With a Serverless Function! ">`
  }))
}

if (process.env.TEST) exports.main({text:"hello"}).then(console.log)

這段代碼的作用是引入qrcode包，并導出一個函數(shù)，該函數(shù)基本上使用base64 PNG生成一個<img alt="讓我們制作具有無服務(wù)器功能的QR碼生成器！" >標簽作為源。我們甚至可以在終端中測試它：

<code>doctl serverless functions invoke sample/qr -p "text:css-tricks.com"</code>

檢查配置文件

這里還有一個額外的步驟。項目搭建完成后，我們會得到一個project.yml文件，它使用一些信息配置函數(shù)。默認情況下，文件內(nèi)容如下：

targetNamespace: ''
parameters: {}
packages:
  - name: sample
    environment: {}
    parameters: {}
    annotations: {}
    actions:
      - name: hello
        binary: false
        main: ''
        runtime: 'nodejs:default'
        web: true
        parameters: {}
        environment: {}
        annotations: {}
        limits: {}

看到那些高亮顯示的行了嗎？packages: name屬性指定函數(shù)在packages文件夾中的位置，在本例中是名為sample的文件夾。actions/ name屬性是函數(shù)本身的名稱，也就是文件名。當我們啟動項目時，默認名稱為hello，但我們將其命名為qr.js，因此在繼續(xù)之前，我們應(yīng)該將該行從hello更改為qr。

部署函數(shù)

我們可以直接從命令行進行部署！首先，我們連接到DigitalOcean沙箱環(huán)境，以便獲得用于測試的實時URL：

## 你需要一個DO API密鑰
doctl sandbox connect

現(xiàn)在，我們可以部署函數(shù)了：

doctl sandbox deploy qr-generator

部署完成后，我們可以通過URL訪問該函數(shù)。URL是什么？有一個命令可以獲取它：

doctl sbx fn get sample/qr --url
https://faas-nyc1-2ef2e6cc.doserverless.co/api/v1/web/fn-10a937cb-1f12-427b-aadd-f43d0b08d64a/sample/qr

太棒了！我們不再需要將整個軟件包與其他腳本一起發(fā)布！我們可以訪問該URL并從那里生成QR碼。

演示

我們獲取API，這就是全部內(nèi)容！

以上是讓我們制作具有無服務(wù)器功能的QR碼生成器！的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！