微信公眾號開發(fā)流程配置
微信公眾號的基本配置選項中:
1, 獲取appId和appSecret(如果查看不到, 可以選擇重置, 獲取之前開發(fā)項目中查找).
2, 設置白名單: 設置訪問接口的ip地址
微信公眾號的公眾號設置的功能配置下:
1, 設置JS安全回調(diào)域名
2, 設置網(wǎng)頁授權域名
注: 需要下載安全文件到web工程根目錄下, 并且項目發(fā)布到服務器中.
React 開發(fā)
react腳手架創(chuàng)建項目:
npx create-react-app my-app // npx 并不是拼寫錯誤
cd my-app
npm start
配置package.json, 一下是我常用的需要用的格式
"antd-mobile": "^2.2.13",
"axios": "^0.18.0",
"moment": "^2.24.0",
"query-string": "^6.5.0",
"react-loadable": "^5.5.0",
"react-router-dom": "^5.0.0",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-scripts": "3.0.1"
設置字體:
項目的src目錄下 創(chuàng)建fonts文件夾, 將字體文件放入其中
index.css文件下, 設置
@font-face {
font-family: 'myFont';
src: url('./fonts/字體名稱.tff);
}
內(nèi)網(wǎng)穿透
在微信端web開發(fā)工具調(diào)試程序有時候不如直接在真機上來的真實, 畢竟到真機上也會有各種問題, 在開發(fā)者工具上看不到
通過ssh端口轉發(fā)實現(xiàn)內(nèi)網(wǎng)穿透, 想要實現(xiàn)效果: 本地服務為http://127.0.0.1:3000, 服務器為xx.xx.xx.xx的ip地址, 通過服務器監(jiān)聽8080端口, 通過訪問xx.xx.xx.xx:8080直接訪問到http://127.0.0.1:3000上面, 也就是說本地訪問http://127.0.0.1:3000相當于訪問xx.xx.xx.xx:8080這個地址了. 方便調(diào)試啊.
ssh -R 8080:127.0.0.1:3000 root@xx.xx.xx.xx
輸入登入密碼
常見問題
1, 微信授權獲取用戶昵稱, 頭像, 需要通過sessionStorage存儲授權狀態(tài)
2, 授權之后根據(jù)window.location.search獲取code 獲取用戶信息
3, 如調(diào)用了js-SDK 需要對其進行授權操作, 配置wx.config文件
4, 配置wx.config文件報錯: 一般問題有: 后臺設置JS完全域名與當前域名不一致.
