時間：2023-09-02 17:18:02 | 來源：網(wǎng)站運營
時間：2023-09-02 17:18:02 來源：網(wǎng)站運營
Nodejs下微信網(wǎng)頁開發(fā)教程(二)：續(xù)上一篇文章Nodejs下微信網(wǎng)頁開發(fā)教程(一)
在線咨詢
wx.config({ debug: true, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會通過log打出，僅在pc端時才會打印。 appId: '', // 必填，公眾號的唯一標(biāo)識 timestamp: , // 必填，生成簽名的時間戳 nonceStr: '', // 必填，生成簽名的隨機(jī)串 signature: '',// 必填，簽名，見附錄1 jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表見附錄2});完成這個目標(biāo)的是在server/helper/weixinSignature.js，該文件返回一個promise,然后在toController.js中使用下面的代碼：Promise.all([ request.getCityList(), getSignature(`${config.domain}/index`) ]) .then((result) => { console.log(result[1]) res.render('index.pug', { appId: config.appId, weixin: result[1], lists: result[0], nickname: data[0].nickname, openid: data[0].openid }) }).catch((err) => { console.error('Promise Error: ', err) res.render('404.pug', { msg: '獲取用戶信息失敗，請重試' }) })main.js文件中調(diào)用了微信的掃碼API：import $ from 'zepto'import 'weui/dist/style/weui.min.css'import './index.css'/* eslint no-console: 0 *//* eslint no-unused-vars: 0 */// eslint-disable-next-line prefer-arrow-callback$(function () { wx.ready(() => { // 微信掃碼條形碼 $('.g-index-button').on('click', () => { wx.scanQRCode({ needResult: 1, desc: 'scanQRCode desc', success(res) { console.log(JSON.stringify(res)); } }); }) })})注意： 這里使用了zepto庫，使用webpack打包zepto的時候需要在webpack.config.js中額外配置：plugins: [ ... new webpack.ProvidePlugin({ $: 'zepto/dist/zepto.min.js' }) ],module: { loaders: [ ... { test: require.resolve('zepto'), loader: 'exports?window.Zepto!script' } ]},移動調(diào)試有說明。此時的測試環(huán)境你只能通過微信的掃網(wǎng)站二維碼來訪問你的頁面，所以需要你自己將域名轉(zhuǎn)為二維碼，然后微信掃碼訪問。weui-panel_ft并且內(nèi)嵌按鈕的時候兼容性會出現(xiàn)問題padding-bottom：.g-ta-right { text-align: right; padding-bottom: 10px;}meta(name="viewport", content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0")meta(name="format-detection", content="telephone=no")對于某些特定的數(shù)字想要調(diào)用電話本的直接這么使用：a(href="tel:0571-88223300") 0571-88223300submit事件，所以我們可以有如下的代碼：// 直接回車搜索城市列表 $('#searchBar .weui-search-bar__form').on('submit', (e) => { e.preventDefault(); citySearch() })e.preventDefault();阻止submit事件去刷新頁面而只是用自己實現(xiàn)的ajax請求關(guān)鍵詞：教程
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
