暨官網實現後移動端需支持微信分享功能,且用nodejs實現後台介面
以前做過微信分享,但也僅限於前端,回憶起來當時沒啥大坑,介面報錯或者有啥問題基本當時都反饋給後台同學,最後都完美解決了。
而這次從微信公眾號申請,公眾號平台配置,node實現後台介面,前端實現分享功能一路開飛(抱個頭想會兒)
起初覺得不難,很多人都已經做過了。node介面更好實現。而事實是猜對了結尾卻猜錯了開場。
好了,下來一步一步記錄一下我遇到的各種坑罩絕,大部分坑都還是在微信公眾平台的配置上。其實還是沒有花時間仔細閱讀開發者文檔。建議要做的同學做之前還是好好研讀一下開發物肆姿者文檔。
在公眾號平台-設置-公眾號設置-功能設置,配置JS介面安全域名雹數
這樣,txt文件就能訪問到了。
平台-開發-基本配置-公眾號開發信息-IP白名單里配置白名單
ip白名單配置的是你項目運行的伺服器對應的外網地址,比如我做的時候問我們後台同事,他說網路里搜IP地址,出來的就是公司的外網地址,然後配上去後來介面調試根本就報無效ip地址嘛。後來找了運維要了xxx.cn對應的外網地址,介面調試才通過。
平台-開發-基本配置-伺服器配置
伺服器地址填的是你後台寫的供微信伺服器調用的介面,用來校驗token
第二個欄位token的配置,任意寫的,但是必須保證跟你供微信調用的介面里寫的token要一致。
供微信調用的介面:
其他欄位配置沒什麼要特別說的了。
入口文件,index.js:
這個入口文件裡面很多配置沒用nuxt的用不到。
路由/router/weChart.js
/service/wxShare.js
api/getWx.js
vue組件頁面引用
微信分享前後端實現基本就這樣,自己配置過程中如有問題還得繼續趟。
⑵ nodejs和vscode是什麼關系
Visual Studio Code is a lightweight but powerful source code editor
which runs on your desktop and is available for Windows, macOS and
linux.
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
由這兩段話,很清楚地表明了各自的身份,VSCode是editor, NodeJS是runtime;
⑶ 微信小程序(上)
注冊開發者賬號: https://mp.weixin.qq.com/
安裝小程序開發工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
創建項目
pages目錄:用於存放所有的頁面。
utils目錄:用於存放工具類文件。
app.js:是入口文件,程序在運行時,首先要執行該文件。
app.json:是全局配置文件,用於配置小程序的信息(它裡面配置的是全局信息)。
app.wxss:是全局樣式文件。全局樣式文件裡面定義的選擇器,在所有的頁面中生效。
project.config.json:是項目配置文件。
sitemap.json:是SEO配置文件,方便用戶搜索到該小程序。
(1)pages配置項
pages裡面注冊的是視圖。用於指定小程序由哪些頁面組成,每一項都對應一個頁面的路徑(含文件名)信息
(2)window配置項
window 是全局窗口配置。
backgroundTextStyle 設置文本樣式(下拉loading的樣式),僅支持 dark / light。
navigationBarBackgroundColor 設置導航欄背景。
navigationBarTitleText 設置導航欄文本。
navigationBarTextStyle 設置導航欄標題顏色,僅支持 black / white。
(3)style
style 設置樣式級別,默認是v2。
(4)sitemapLocation
sitemapLocation 指明sitemap.json 的位置;默認為 'sitemap.json' 即在 app.json 同級目錄下名字的 sitemap.json 文件。
每一個頁面由四個文件組成:xxx.wxml文件、xxx.wxss文件、 xxx.js文件和xxx.json文件。
(1)xxx.wxml文件
xxx.wxml文件,就相當於一個html文件。在wxml文件中,不能寫傳統的html標簽,只能寫微信提供的組件。
① view組件
相當於div標簽。
② text組件
相當於span標簽。
③ swiper
swiper是滑塊視圖容器,它裡面只能放swiper-item組件。
swiper組件的常用屬性:
circular是銜接滑動
autoplay是自動切換
interval是自動切換時間間隔
indicator-dots是否顯示面板指示點
indicator-color指示點顏色
indicator-active-color當前選中的指示點顏色
④ image
image是圖片組件,最好全部採用網路圖片,因為小程序的總體積不允許超過2MB。
(2)xxx.wxss文件
xxx.wxss文件,就相當於一個css文件。在wxss文件中,最好不要寫標簽選擇器和id選擇器,統一寫類選擇器。
為了讓小程序裡面的內容在各種設備上能夠自適應顯示,微信推出了響應式單位:rpx。在iphone6中,2rpx=1px。
(3)xxx.js文件
xxx.js文件,是交互文件(核心文件)。
Page()函數,返回頁面對象,該函數需要傳一個配置參數,這個配置參數是一個對象。在這個配置對象中,定義當前頁面的所有內容。
① data
定義頁面的數據。
② 自定義函數
開發者可以添加任意的函數或數據到Object 參數中,在頁面的函數中用this可以訪問。
(4)xxx.json文件
xxx.json文件,是頁面的配置文件(它裡面配置的是當前頁面信息)。
WXML 中的動態數據均來自對應 Page 的 data。
(1)獲取data中數據
通過插值表達式{{}},可以顯示js裡面定義的data裡面的數據。
(2)組件屬性(需要在雙引號之內)
(3)運算
可以在{{}} 內進行簡單的運算。
① 三元運算
② 邏輯判斷
bindtap是觸屏事件,其實就是相當於網頁中的點擊事件。
小程序中bindtap綁定方法時不能傳參數。所以組件通過data-xxx傳遞數據。
注意: 自定義屬性的命名用駝峰或者大寫命名,小程序內部會自動轉成小寫。
8、setData()方法
setData()方法,更新頁面中數據。頁面數據更新後,調用setData()方法重新渲染到頁面。
wx:for指令用於循環數組數據,生成組件。
循環出來的每一項通過item返回,每一項對應的索引,通過index返回。
wx:key="",設置每一項唯一的標識。循環列表時,添加wx:key的好處是,將來列表發生變化時重新渲染列表的損耗為更低。
條件渲染可以使用wx:if或hidden。
一般來說,wx:if 有更高的切換消耗而 hidden 有更高的初始渲染消耗。因此,如果需要頻繁切換的情景下,用 hidden 更好,如果在運行時條件不大可能改變則 wx:if 較好。
wx:if用於條件渲染:條件為真生成裡面的內容,條件為假不會生成裡面的內容。(每次重新生成內容)
也可以用wx:elif 和 wx:else 來添加一個 else 塊。
hidden用於條件渲染:條件為真隱藏裡面的內容,條件為假顯示裡面的內容。(每次切換樣式)
在app.json文件中添加tabBar節點。tabBar是小程序客戶端底部或頂部tab欄的實現。
color:tab上的文字默認顏色,僅支持十六進制顏色。
selectedColor:tab上的文字選中時的顏色,僅支持十六進制顏色。
backgroundColor:tab的背景色,僅支持十六進制顏色。
borderStyle:tabbar上邊框的顏色, 僅支持 black / white。
position:tabBar的位置,默認值是: bottom,僅支持 bottom / top。當 position 為 top 時,不顯示 icon。
custom:自定義tabBar。
(2)list
list:tab的列表。
list 接受一個數組,只能配置最少 2 個、最多 5 個 tab。
pagePath:頁面路徑,必須在pages 中先定義。
text:tab 上按鈕文字。
iconPath:圖片路徑,icon 大小限制為 40kb,建議尺寸為 81px * 81px,不支持網路圖片。selectedIconPath:選中時的圖片路徑,icon 大小限制為 40kb,建議尺寸為 81px * 81px,不支持網路圖片。
(1)跳轉普通頁面
方法① navigator組件
方法② navigateTo()方法
navigateTo()方法,用於跳轉普通頁面。
(2)跳轉tabBar頁面
方法① navigator組件
如果要使用navigator組件跳轉tabBar頁面,需要設置open-type="switchTab"。
方法② switchTab()方法
switchTab()方法,用於跳轉tabBar頁面。
title:提示的標題
content:提示的內容
success:介面調用成功的回調函數。回調函數中的confirm屬性返回true,表示點擊的是確定按鈕,否則是取消按鈕。
title:提示的內容
icon:圖標
ration:消息提示框的顯示時間
mask:是否顯示透明蒙層,防止觸摸穿透
模塊化語法有兩種:① commonjs規范,② es6規范。
nodejs環境採用的就是commonjs規范。採用exports 或 mole.exports 導出成員,採用require() 導入成員。
微信小程序支持commonjs規范,同時還支持官方的ES6規范。ES6規范採用export 導出成員,採用import 導入成員。
將封裝的方法放到util目錄下的js文件中。可以新建js文件,也可以寫在直接util.js文件中。
(1)確認框方法
定義確認框方法,並導出
(2)消息框方法
定義消息框方法,並導出
(3)獲取事件參數的方法
import是ES6的導入語句。
wx對象是微信小程序的全局對象,在任何地方都可以使用。
(1) 注冊語句
(2) 在app.js入口文件中導入
注意: 注冊給wx對象的方法,需要在app.js文件中導入,才可使用。
(3) 調用方法
wx.方法名(參數)
⑷ Node.js 與 Python 作為後端服務的編程語言各有什麼優劣
一. NodeJS的特點
我們先來看看NodeJS官網上的介紹:
Node.js is a platform built on Chrome』s JavaScript runtime for easily building fast, scalable network applications. node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.
其特點為:
1. 它是一個Javascript運行環境
2. 依賴於Chrome V8引擎進行代碼解釋
3. 事件驅動
4. 非阻塞I/O
5. 輕量、可伸縮,適於實時數據交互應用
6. 單進程,單線程
二. NodeJS帶來的對系統瓶頸的解決方案
它的出現確實能為我們解決現實當中系統瓶頸提供了新的思路和方案,下面我們看看它能解決什麼問題。
1. 並發連接
舉個例子,想像一個場景,我們在銀行排隊辦理業務,我們看看下面兩個模型。
(1)系統線程模型:
這種模型的問題顯而易見,服務端只有一個線程,並發請求(用戶)到達只能處理一個,其餘的要先等待,這就是阻塞,正在享受服務的請求阻塞後面的請求了。
(2)多線程、線程池模型:
這個模型已經比上一個有所進步,它調節服務端線程的數量來提高對並發請求的接收和響應,但並發量高的時候,請求仍然需要等待,它有個更嚴重的問題。到代碼層面上來講,我們看看客戶端請求與服務端通訊的過程:
服務端與客戶端每建立一個連接,都要為這個連接分配一套配套的資源,主要體現為系統內存資源,以PHP為例,維護一個連接可能需要20M的內存。這就是為什麼一般並發量一大,就需要多開伺服器。
那麼NodeJS是怎麼解決這個問題的呢?我們來看另外一個模型,想像一下我們在快餐店點餐吃飯的場景。
(3)非同步、事件驅動模型
我們同樣是要發起請求,等待伺服器端響應;但是與銀行例子不同的是,這次我們點完餐後拿到了一個號碼,拿到號碼,我們往往會在位置上等待,而在我們後面的請求會繼續得到處理,同顫凳樣是拿了一個號碼然後到一旁等待,接待員能一直進行處理。
等到飯菜做號了,會喊號碼,我們拿到了自己的飯菜扒悔,進行後續的處理(吃飯)。這個喊號碼的動作在NodeJS中叫做回調(Callback),能在事件(燒菜,I/O)處理完成後繼續執行後面的邏輯(吃飯),這體現了NodeJS的顯著特點,非同步機制、事件驅動整個過程沒有阻塞新用戶的連接(點餐),也不需要維護已經點餐的用戶與廚師的連接。
基於這樣的機制,理論上陸續有用戶請求連接,NodeJS都可以進行響應,因此NodeJS能支持比Java、PHP程序更高的並發量雖然維護事件隊列也需要成本,再由於NodeJS是單線程,事件隊列越長,得到響應的時間就越長,並發量上去還是會力不從心。
總結一下NodeJS是怎麼解決並發連接這個問題的:更改連接到伺服器的方式,每個連接發射(emit)一個在NodeJS引擎進程中運行的事件(Event),放進事件隊列當中,而不是為每個連接生成一個新的OS線程(並為其分配一些配套內存)。
2. I/O阻塞
NodeJS解決的另外一個問題是I/O阻塞,看看這樣的業務場景:需要從多個數據源拉取數據,然後進行處理。
(1)串列獲取數據,這是我們一般的解決方案,以PHP為例
假如獲取profile和timeline操作各需要1S,那麼串茄此旅行獲取就需要2S。
(2)NodeJS非阻塞I/O,發射/監聽事件來控制執行過程
NodeJS遇到I/O事件會創建一個線程去執行,然後主線程會繼續往下執行的,因此,拿profile的動作觸發一個I/O事件,馬上就會執行拿timeline的動作,兩個動作並行執行,假如各需要1S,那麼總的時間也就是1S。它們的I/O操作執行完成後,發射一個事件,profile和timeline,事件代理接收後繼續往下執行後面的邏輯,這就是NodeJS非阻塞I/O的特點。
總結一下:Java、PHP也有辦法實現並行請求(子線程),但NodeJS通過回調函數(Callback)和非同步機制會做得很自然。
三. NodeJS的優缺點
優點:1. 高並發(最重要的優點)
2. 適合I/O密集型應用
缺點:1. 不適合CPU密集型應用;CPU密集型應用給Node帶來的挑戰主要是:由於JavaScript單線程的原因,如果有長時間運行的計算(比如大循環),將會導致CPU時間片不能釋放,使得後續I/O無法發起;
解決方案:分解大型運算任務為多個小任務,使得運算能夠適時釋放,不阻塞I/O調用的發起;
2. 只支持單核CPU,不能充分利用CPU
3. 可靠性低,一旦代碼某個環節崩潰,整個系統都崩潰
原因:單進程,單線程
解決方案:(1)Nnigx反向代理,負載均衡,開多個進程,綁定多個埠;
(2)開多個進程監聽同一個埠,使用cluster模塊;
4. 開源組件庫質量參差不齊,更新快,向下不兼容
5. Debug不方便,錯誤沒有stack trace
四. 適合NodeJS的場景
1. RESTful API
這是NodeJS最理想的應用場景,可以處理數萬條連接,本身沒有太多的邏輯,只需要請求API,組織數據進行返回即可。它本質上只是從某個資料庫中查找一些值並將它們組成一個響應。由於響應是少量文本,入站請求也是少量的文本,因此流量不高,一台機器甚至也可以處理最繁忙的公司的API需求。
2. 統一Web應用的UI層
目前MVC的架構,在某種意義上來說,Web開發有兩個UI層,一個是在瀏覽器裡面我們最終看到的,另一個在server端,負責生成和拼接頁面。
不討論這種架構是好是壞,但是有另外一種實踐,面向服務的架構,更好的做前後端的依賴分離。如果所有的關鍵業務邏輯都封裝成REST調用,就意味著在上層只需要考慮如何用這些REST介面構建具體的應用。那些後端程序員們根本不操心具體數據是如何從一個頁面傳遞到另一個頁面的,他們也不用管用戶數據更新是通過Ajax非同步獲取的還是通過刷新頁面。
3. 大量Ajax請求的應用
例如個性化應用,每個用戶看到的頁面都不一樣,緩存失效,需要在頁面載入的時候發起Ajax請求,NodeJS能響應大量的並發請求。總而言之,NodeJS適合運用在高並發、I/O密集、少量業務邏輯的場景。
Python的優缺點
優點
簡單————Python是一種代表簡單主義思想的語言。閱讀一個良好的Python程序就感覺像是在讀英語一樣,盡管這個英語的要求非常嚴格!Python的這種偽代碼本質是它最大的優點之一。它使你能夠專注於解決問題而不是去搞明白語言本身。
易學————就如同你即將看到的一樣,Python極其容易上手。前面已經提到了,Python有極其簡單的語法。
免費、開源————Python是FLOSS(自由/開放源碼軟體)之一。簡單地說,你可以自由地發布這個軟體的拷貝、閱讀它的源代碼、對它做改動、把它的一部分用於新的自由軟體中。FLOSS是基於一個團體分享知識的概念。這是為什麼Python如此優秀的原因之一——它是由一群希望看到一個更加優秀的Python的人創造並經常改進著的。
高層語言————當你用Python語言編寫程序的時候,你無需考慮諸如如何管理你的程序使用的內存一類的底層細節。
可移植性————由於它的開源本質,Python已經被移植在許多平台上(經過改動使它能夠工作在不同平台上)。如果你小心地避免使用依賴於系統的特性,那麼你的所有Python程序無需修改就可以在下述任何平台上面運行。這些平台包括Linux、Windows、FreeBSD、Macintosh、Solaris、OS/2、Amiga、AROS、AS/400、BeOS、OS/390、z/OS、Palm OS、QNX、VMS、Psion、Acom RISC OS、VxWorks、PlayStation、Sharp Zaurus、Windows CE甚至還有PocketPC、Symbian以及Google基於linux開發的Android平台!
解釋性————這一點需要一些解釋。一個用編譯性語言比如C或C++寫的程序可以從源文件(即C或C++語言)轉換到一個你的計算機使用的語言(二進制代碼,即0和1)。這個過程通過編譯器和不同的標記、選項完成。當你運行你的程序的時候,連接/轉載器軟體把你的程序從硬碟復制到內存中並且運行。而Python語言寫的程序不需要編譯成二進制代碼。你可以直接從源代碼 運行 程序。在計算機內部,Python解釋器把源代碼轉換成稱為位元組碼的中間形式,然後再把它翻譯成計算機使用的機器語言並運行。事實上,由於你不再需要擔心如何編譯程序,如何確保連接轉載正確的庫等等,所有這一切使得使用Python更加簡單。由於你只需要把你的Python程序拷貝到另外一台計算機上,它就可以工作了,這也使得你的Python程序更加易於移植。
面向對象————Python既支持面向過程的編程也支持面向對象的編程。在「面向過程」的語言中,程序是由過程或僅僅是可重用代碼的函數構建起來的。在「面向對象」的語言中,程序是由數據和功能組合而成的對象構建起來的。與其他主要的語言如C++和Java相比,Python以一種非常強大又簡單的方式實現面向對象編程。
可擴展性————如果你需要你的一段關鍵代碼運行得更快或者希望某些演算法不公開,你可以把你的部分程序用C或C++編寫,然後在你的Python程序中使用它們。
可嵌入性————你可以把Python嵌入你的C/C++程序,從而向你的程序用戶提供腳本功能。
豐富的庫————Python標准庫確實很龐大。它可以幫助你處理各種工作,包括正則表達式、文檔生成、單元測試、線程、資料庫、網頁瀏覽器、CGI、FTP、電子郵件、XML、XML-RPC、HTML、WAV文件、密碼系統、GUI(圖形用戶界面)、Tk和其他與系統有關的操作。記住,只要安裝了Python,所有這些功能都是可用的。這被稱作Python的「功能齊全」理念。除了標准庫以外,還有許多其他高質量的庫,如wxPython、Twisted和Python圖像庫等等。
概括————Python確實是一種十分精彩又強大的語言。它合理地結合了高性能與使得編寫程序簡單有趣的特色。
規范的代碼————Python採用強制縮進的方式使得代碼具有極佳的可讀性。
缺點
強制縮進
這也許不應該被稱為局限,但是它用縮進來區分語句關系的方式還是給很多初學者帶來了困惑。即便是很有經驗的Python程序員,也可能陷入陷阱當中。最常見的情況是tab和空格的混用會導致錯誤,而這是用肉眼無法分別的。
單行語句和命令行輸出問題
很多時候不能將程序連寫成一行,如import sys;for i in sys.path:print i。而perl和awk就無此限制,可以較為方便的在shell下完成簡單程序,不需要如Python一樣,必須將程序寫入一個.py文件。(對很多用戶而言這也不算是限制)
NO.1 運行速度,有速度要求的話,用C++改寫關鍵部分吧。
NO.2 國內市場較小(國內以python來做主要開發的,目前只有一些 web2.0公司)。但時間推移,目前很多國內軟體公司,尤其是游戲公司,也開始規模使用他。
No.3 中文資料匱乏(好的python中文資料屈指可數)。托社區的福,有幾本優秀的教材已經被翻譯了,但入門級教材多,高級內容還是只能看英語版。
NO.4 構架選擇太多(沒有像C#這樣的官方.net構架,也沒有像ruby由於歷史較短,構架開發的相對集中。Ruby on Rails 構架開發中小型web程序天下無敵)。不過這也從另一個側面說明,python比較優秀,吸引的人才多,項目也多。
⑸ nodejs函數返回值為undefined,不太明白為什麼
最後用了promise解決,代碼如下:
exports.selectByUsername = selectByUsername;
function selectByUsername(username){
var promise = new Promise(function(resolve){
var sql = "SELECT COUNT(*) count FROM wx_user WHERE username = ?";
var sqlParams = [username];
var count;
co.query(sql,sqlParams,function(err,result){
if(err){