本篇主要講述,如何在微信中打開自家頁面后,彈窗請求用戶授權(quán),以便拿到用戶的微信信息。
堅守“ 做人真誠 · 做事靠譜 · 口碑至上 · 高效敬業(yè) ”的價值觀,專業(yè)網(wǎng)站建設(shè)服務(wù)10余年為成都成都茶樓設(shè)計小微創(chuàng)業(yè)公司專業(yè)提供企業(yè)網(wǎng)站設(shè)計營銷網(wǎng)站建設(shè)商城網(wǎng)站建設(shè)手機網(wǎng)站建設(shè)小程序網(wǎng)站建設(shè)網(wǎng)站改版,從內(nèi)容策劃、視覺設(shè)計、底層架構(gòu)、網(wǎng)頁布局、功能開發(fā)迭代于一體的高端網(wǎng)站建設(shè)服務(wù)。首先說一下,完成自定義分享信息的,從無到有的流程:
基礎(chǔ)硬件服務(wù):
需要一個公網(wǎng)可以訪問的有效域名:
擁有自己的服務(wù)器,來存放自己頁面項目:
我還是在阿里云購買購買服務(wù)器,這個花費大,幾百元一年的使用權(quán)。
而且這個服務(wù)器,本質(zhì)就是一臺電腦,是電腦就有配置,我目前只是自己學(xué)習(xí)使用,配置幾乎是最低的,而且購買的套餐自帶公網(wǎng)ip,這么一來我連上面購買ip的錢也省了。
綜上所述,最終我只購買了域名和一個套餐自帶公網(wǎng)ip的服務(wù)器,服務(wù)器用來放置前端項目和后臺項目。
阿里云ECS:https://cn.aliyun.com/product/ecs
微信公眾平臺,開發(fā)者認(rèn)證
打開微信公眾平臺 https://mp.weixin.qq.com/,使用郵箱注冊,注意,一個郵箱只能注冊一個微信公眾平臺賬號,一個賬號只能選擇一種賬號分類且不能更改,這里一定要慎重,這里選擇訂閱號。
可選個人類型、企業(yè)類型等等,其中,個人類型是不沒有分享定制功能的,但企業(yè)類型我又不符合。。。最終我還是選擇的個人類型,因為即使我的賬號沒有權(quán)限,但微信公眾號里面,提供一個功能全開的測試賬號,使用測試賬號可以進行學(xué)習(xí)和測試,還是沒問題的。
填寫信息,綁定微信,注冊完成,登錄進去。
為了進行開發(fā),需要在這里和你的后臺項目和前端項目進行對應(yīng)的配置,讓微信確認(rèn)后臺項目和前臺項目都是你的之后,才會提供服務(wù)。
有關(guān)服務(wù)器端和后臺項目的配置:
首先需要說明,由于訂閱號的功能比較少,如果只是進行學(xué)習(xí),建議在 開發(fā) => 開發(fā)者工具中選擇使用公眾平臺測試帳號進行學(xué)習(xí)性開發(fā),這樣可以使用全功能的微信服務(wù),配置也比較少。
下面的配置步驟均是使用自己的賬號需要進行的配置
有關(guān)前端項目的配置:
設(shè)置 => 公眾號設(shè)置 => 功能設(shè)置 => JS接口安全域名在此處添加你的要使用微信sdk功能的網(wǎng)站的域名,比如wx.qq.com或者wx.qq.com/user,最多可寫三個,且需要驗證。
> 驗證的方式,就是將一個微信提供的txt文件,放在此域名對應(yīng)的放置于服務(wù)器中的web項目的訪問根目錄中,需要和主文件(大部分默認(rèn)為```index.html```)放在同一級,當(dāng)提交的時候,微信會進行訪問,來獲取文件,確認(rèn)此域名是你的。
配置完成后,就可以進行開發(fā)了。
下面進入代碼階段。
證明后臺項目和前端項目時我自己的
首先,上面證明服務(wù)是自己的部分,我們需要實現(xiàn)一個接口,我用http://wx.my.com/forWx打的比方,那么為了啟用配置,我需要實現(xiàn)/forWx給微信調(diào)用,下面是代碼:
node的基礎(chǔ)環(huán)境搭建省略,這里只寫接口內(nèi)部方法了,關(guān)鍵是參數(shù)加密拼裝
const crypto = require('crypto') // 引入加密模塊 const config = require('./config') // 引入配置文件 // 提供給微信調(diào)用 server.get('/forWx', function (req, res) { res.header('Access-Control-Allow-Origin', '*') // 1.獲取微信服務(wù)器Get請求的參數(shù) signature、timestamp、nonce、echostr let signature = req.query.signature // 微信加密簽名 let timestamp = req.query.timestamp // 時間戳 let nonce = req.query.nonce // 隨機數(shù) let echostr = req.query.echost // 隨機字符串 // 2.將token、timestamp、nonce三個參數(shù)進行字典序排序,其中token就是設(shè)置在微信頁面中的那個自定義字符串 let array = [config.token, timestamp, nonce] array.sort() // 3.將三個參數(shù)字符串拼接成一個字符串進行sha1加密 let tempStr = array.join('') const hashCode = crypto.createHash('sha1') //創(chuàng)建加密類型 let resultCode = hashCode.update(tempStr, 'utf8').digest('hex') //4.開發(fā)者獲得加密后的字符串可與signature對比,標(biāo)識該請求來源于微信 if (resultCode === signature) { res.send(echostr) } else { res.send('mismatch') } })
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。