1. 程式人生 > 實用技巧 >如何實現簡訊跳轉小程式?

如何實現簡訊跳轉小程式?

先看效果

小程式支援簡訊跳轉小程式了,可以說是打開了一個巨大的流量入口。

效果過程分析

  1. 從簡訊到網頁
  2. 從網頁到小程式

那麼就涉及到兩個點

  1. 傳送簡訊
  2. 網頁跳轉

實現步驟分析

  1. 先要有個網頁,可以跳轉到小程式
  2. 然後傳送簡訊,簡訊內容包含地址

具體實現步驟

1. 先要有個網頁,可以跳轉到小程式

首先開通靜態網頁託管

建立一個雲開發的專案,點選左上方「雲開發」按鈕

點選靜態網頁進行開通。

然後點選「下載資源包」,解壓縮我們會看到

第一個是雲函式,第二個是跳轉的網頁。首先我們編輯下跳轉的網頁

開啟檔案編輯以下 6 處即可(通過“replace”搜尋可以快速定位修改的地方):


新增好對應引數後,上傳部署到你的靜態託管檔案目錄中

這個時候網頁這塊就已經搞定了,接下來部署下雲函式。

剛才的 cloudfunctions 資料夾下面有個 public 資料夾裡面的 index.js 複製內容到自己新建的雲函式的 index.js 中,然後替換自己小程式的path(友情提示:覆蓋完成後別忘記上傳部署雲函式)

這個雲函式的作用,主要是靜態網頁會呼叫它生成跳轉的URL Scheme。以下為網頁呼叫這個函式的程式碼區域

到這裡網頁顯示與網頁跳轉就只差最後一步了,設定雲函式許可權。

第一步,點選設定,滑到地步開啟「未登入使用者許可權開關」。

第二步,點選雲函式,修改許可權複製下方程式碼覆蓋即可。

自定義安全規則配置:

{
    "*": {
    "invoke": "auth != null"
    },
    "public": {
    "invoke": true
    }
}
複製程式碼

2. 然後傳送簡訊,簡訊內容包含地址

建立一個sendSms到雲函式,複製以下程式碼:

const cloud = require('wx-server-sdk')
cloud.init()
exports.main = async (event, context) => {
  try {
    const result = await cloud.openapi.cloudbase.sendSms({
        env: 'online-12345678910', // 替換環境ID
        content: '雲開發支援簡訊跳轉小程式了',// 替換簡訊文案
        path: '/index.html',// 替換網頁路徑
        phoneNumberList: [
          "+8612345678910"
        ]
      })
    return result
  } catch (err) {
    return err
  }
}
複製程式碼

替換以上 3 處內容即可。

  1. 環境ID,可以在設定中找到
  2. 簡訊內容,這個自己自定義
  3. 網頁路徑,在靜態網頁託管中點選上傳到網頁即可檢視複製

修改完成後,部署即可。


作者:宇明
連結:https://juejin.cn/post/6916051417434161166
來源:掘金
著作權歸作者所有。商業轉載請聯絡作者獲得授權,非商業轉載請註明出處。