H5之喚起微信功能

2021-10-24 01:10:55 字數 944 閱讀 9248

步驟一. 使用者資訊獲取

將你網頁的網域名稱新增進去,配置完成後我們對這個路徑進行訪問即可拿到code值,從而拿到openid等個人資訊。

3. 配置後路徑的修改

scope的值有兩種:

snsapi_base為靜默授權,使用者無感知,但是只能獲取到openid,拿不到其他資訊。

snsapi_userinfo是彈框詢問授權,確認授權後可以獲取到openid進而拿到暱稱、頭像等資訊

這個時候我們就可以授權得到使用者資訊。

這個過程中我們可能會遇到的問題:

1. js安全網域名稱配置

使用js-sdk首先找到測試號的js介面安全網域名稱,配置上頁面使用的網域名稱

2. 引入js-sdk

在專案中我們引入js-sdk的資源,可通過(支援https) 或者通過模組化載入引入 import wx from 『weixin-js-sdk』

3. 獲取簽名配置config

拿到簽名後我們對config進行設定,config設定完成後會呼叫ready方法,我們在ready方法裡可以進行業務邏輯處理。

步驟三. 分享介面

getsignature()

}).then

( res =>).

catch

((err)

=>)}

)},async

setwx()

);wx.

ready((

)=>})

; wx.(}

)})}

總結

H5喚起原生應用

1 scheme host path query 喚起應用 終端如果已經安裝我們的應用,這個時候可以直接喚起原生應用 終端如果沒有安裝我們的應用,這時我們需要引導使用者去安裝。123 4567 891011 1213 1415 1617 1819 2021 2223 2425 2627 2829 3...

微信平台H5開發

這是開發文件,可以指引你如何安裝。另外,我找了乙個我們公司之前開發過的h5專案,你可以將他安裝在你本地的微擎裡。周五我會約你聊下對這個框架和這個專案的理解。開發文件 非官方 購買伺服器 開發9080埠 瀏覽器訪問studyphp使用者介面 微擎安裝檔案ftp上傳到伺服器web根目錄 瀏覽器位址列執行...

H5微信授權登入

申請測試賬號 scope為snsapi base scope為snsapi userinfo 關於網頁授權的兩種scope的區別說明 1 以snsapi base為scope發起的網頁授權,是用來獲取進入頁面的使用者的openid的,並且是靜默授權並自動跳轉到 頁的。使用者感知的就是直接進入了 頁 ...