微信小程序簡單總結(一)

wx.login


api-login.jpg
  1. 通過wx.login獲取到一個request code
  2. 請求第三方服務器登錄url淹冰,請求的url需要帶request code
  3. 第三方服務器根據獲取的request code 缩焦,和小程序的AppID掸掸、SECRET組合慰照,訪問https://api.weixin.qq.com下某個url獲取到session_key和openid十性,session_key是對數據進行價目簽名的密鑰逛揩,openid是對當前用戶的唯一標識季稳。
  4. (可選)第三方服務器需要自己產生一個session_id(或者其他token等)沪猴,并用這個session_id作為key辐啄,session_key和openid作為value采章,保存到第三方服務器session或者是redis中,最好設置一個比較短的過期時間壶辜,因為大部分情況下只是使用微信數據悯舟,不需要長期使用。
  5. (可選)將第三方返回session_id或者token保存到本地砸民,需要的時候帶上這個參數抵怎,第三方服務器就可以根據這個參數,獲取到session_key和openid

wx.checkSession


每次使用request code之前通常會檢驗request code是否過期岭参,如果過期反惕,需要重新調用wx.login登錄獲取新的request code。

獲取用戶信息


通過wx.getUserInfo可以獲取到用戶的信息演侯,到時候有部分敏感數據并看不到姿染,這個時候就需要,我們把獲取到的加密數據作為請求發(fā)送給第三方服務器秒际,第三方服務器使用session_key解密后悬赏,就可以獲取到部分敏感數據了,用戶根據自己的需求進行處理程癌。

微信支付


微信支付的步驟

  1. 統(tǒng)一下單
  2. 通過appid舷嗡、nonceStr、package嵌莉、signType和timeStamp這5個字段進行數據簽名
  3. 使用wx.requestPayment方法發(fā)起支付請求

基本流程是微信小程序使用wx.request方法調用进萄,第三方服務器的url,這個url在服務端通過https://api.mch.weixin.qq.com/pay/unifiedorder下單锐峭,這個url需要傳遞大量的信息中鼠,例如小程序的id、商家好沿癞,金額等(https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=9_1)援雇,如果下單成功,會返回package椎扬,然后再將package返回給小程序惫搏,最后調用wx.requestPayment發(fā)起支付請求,如果發(fā)起支付請求成功蚕涤,會直接開啟微信的支付功能筐赔,要求輸入支付密碼,如果密碼正確揖铜,會支付成功茴丰。

布局


  1. 水平排列 display:flex ,flex-direction:row 水平折行需要添加flex-wrap:wrap,
  2. 垂直排列 display:flex,flex-direction:column 垂直折行需要添加flex-wrap:wrap
  3. 水平排列對齊方式使用justify-content:(屬性很多,自己根據情況配置,例如flex-start)
  4. 垂直排列對齊方式使用align-items屬性(屬性很多贿肩,自己根據情況配置峦椰,例如flex-end)
  5. 水平等間隔排列設置justify-content:space-between
  6. 帶邊距的水平等間隔排列justify-content:space-around

其他


  1. 微信統(tǒng)一WeUI
  2. 圖表 wx-charts (https://github.com/xiaolin3303/wx-charts)下載js導入工程就可以使用了

更多基礎參考微信小程序官網

?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市汰规,隨后出現的幾起案子汤功,更是在濱河造成了極大的恐慌,老刑警劉巖控轿,帶你破解...
    沈念sama閱讀 222,681評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件冤竹,死亡現場離奇詭異,居然都是意外死亡茬射,警方通過查閱死者的電腦和手機鹦蠕,發(fā)現死者居然都...
    沈念sama閱讀 95,205評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來在抛,“玉大人钟病,你說我怎么就攤上這事「账螅” “怎么了肠阱?”我有些...
    開封第一講書人閱讀 169,421評論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長朴读。 經常有香客問我屹徘,道長,這世上最難降的妖魔是什么衅金? 我笑而不...
    開封第一講書人閱讀 60,114評論 1 300
  • 正文 為了忘掉前任噪伊,我火速辦了婚禮,結果婚禮上氮唯,老公的妹妹穿的比我還像新娘鉴吹。我一直安慰自己,他們只是感情好惩琉,可當我...
    茶點故事閱讀 69,116評論 6 398
  • 文/花漫 我一把揭開白布豆励。 她就那樣靜靜地躺著,像睡著了一般瞒渠。 火紅的嫁衣襯著肌膚如雪良蒸。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,713評論 1 312
  • 那天伍玖,我揣著相機與錄音诚啃,去河邊找鬼。 笑死私沮,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播仔燕,決...
    沈念sama閱讀 41,170評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼造垛,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了晰搀?” 一聲冷哼從身側響起五辽,我...
    開封第一講書人閱讀 40,116評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎外恕,沒想到半個月后杆逗,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 46,651評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡鳞疲,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,714評論 3 342
  • 正文 我和宋清朗相戀三年罪郊,在試婚紗的時候發(fā)現自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片尚洽。...
    茶點故事閱讀 40,865評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡悔橄,死狀恐怖,靈堂內的尸體忽然破棺而出腺毫,到底是詐尸還是另有隱情癣疟,我是刑警寧澤,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布潮酒,位于F島的核電站睛挚,受9級特大地震影響,放射性物質發(fā)生泄漏急黎。R本人自食惡果不足惜扎狱,卻給世界環(huán)境...
    茶點故事閱讀 42,211評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望叁熔。 院中可真熱鬧委乌,春花似錦、人聲如沸荣回。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽心软。三九已至壕吹,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間删铃,已是汗流浹背耳贬。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留猎唁,地道東北人咒劲。 一個月前我還...
    沈念sama閱讀 49,299評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親腐魂。 傳聞我的和親對象是個殘疾皇子帐偎,可洞房花燭夜當晚...
    茶點故事閱讀 45,870評論 2 361

推薦閱讀更多精彩內容