微信小程序?qū)崿F(xiàn)微信登錄

文檔出處:https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-login.html

步驟:

1.調(diào)用wx.login得到code

返回的結(jié)果示例:

{
  code:"051nI5Pa1XJkDs0773Pa1OWYOa1nI5PF"
  errMsg:"login:ok"
}

2.拿code換取session_key與openid

這里使用服務(wù)端來(lái)請(qǐng)求艘狭,以php為例

$code = $this->input->post('code');
$json = 'https://api.weixin.qq.com/sns/jscode2session?appid='.WxPayConfig::APPID.'&secret='.WxPayConfig::APPSECRET.'&js_code='.$code.'&grant_type=authorization_code';
header("Content-Type: application/json");
echo file_get_contents($json);

其中appid與appsecret換成自己小程序的

得到的返回結(jié)果如下:

{
  "session_key": "odMd5E1qJI5KJH7OTBVZYg==",
  "expires_in": 7200,
  "openid": "oqMjq0BqLl6mRarbByCf9rOAc3k0"
}

4.生成用戶或登錄用戶

如果該openid不存在于數(shù)據(jù)庫(kù)中,認(rèn)為是新用戶箕速,注冊(cè)它益愈,如果openid已存在于數(shù)據(jù)庫(kù)嫁赏,認(rèn)為是老用戶磨隘。

php代碼如下:

<?php
class User_model extends CI_Model {
    // 當(dāng)前用戶
    private $user;

    // 注冊(cè)或更新用戶
    public function registOrUpdate($data) {
        if ($this->verify($data)) {
            $this->update(['session_key' => $data->session_key], ['uid' => $this->user->uid]);
        } else {
            $this->regist($data);
        }
        $response = [
            'thirdSession' => $this->generate3rdSession()
        ];
        echo json_encode($response);
    }

    // 注冊(cè)用戶
    private function regist($data) {
        $this->db->insert('user', $data);
    }

    // 更新用戶
    private function update($user, $condition) {
        $this->db->update('user', $user, $condition);
    }

    // 檢測(cè)用戶是否存在
    private function verify($data) {
        $query = $this->db->get_where('user', ['openid'=>$data->openid]);
        $user = $query->first_row();
        $this->user = $user;
        if ($query->num_rows()) {
            return true;
        }
        return false;
    }
}

5.服務(wù)端生成自己的3rd_session

    // 創(chuàng)建隨機(jī)數(shù)
    private function generate3rdSession() {
        return md5(mt_rand() . $this->user->openid);
    }

在registOrUpdate方法的最末尾加上如下代碼調(diào)用:

        $response = [
            'thirdSession' => $this->generate3rdSession()
        ];
        echo json_encode($response);

經(jīng)上,3rd_session發(fā)送到了小程序客戶端嗅定,接下來(lái)要做的是將它保存到storage中自娩,以便于后續(xù)的每次wx.request()調(diào)用。

提示:按照官方文檔的時(shí)序圖來(lái)看渠退,以上的隨機(jī)還是真隨機(jī)忙迁,它不是良好示范,對(duì)安全嚴(yán)謹(jǐn)?shù)挠猛局鞘玻?jǐn)慎使用动漾。

登錄時(shí)序圖
登錄時(shí)序圖

6.小程序端本地存儲(chǔ)服務(wù)端傳來(lái)的3rd_session

//發(fā)起網(wǎng)絡(luò)請(qǐng)求
wx.request({
  url: 'http://localhost:3000/index.php/WXLogin/getSession',
  data: {
    code: res.code
  },
  header: {
    "content-type": "application/x-www-form-urlencoded"
  },
  method: 'POST',
  success: function (res) {
    // 保存3rdSession到storage中
    wx.setStorage({
      key:"thirdSession",
      data: res.data.thirdSession
    })
  },
  fail: function (res) {
    console.log(res);
  }
})

附加福利——換取union_id打通公眾號(hào)與小程序用戶體系

需要用到wx.getUserInfo,https://mp.weixin.qq.com/debug/wxadoc/dev/api/open.html#wxgetuserinfoobject荠锭,從小程序端傳入$encryptedData, $iv到服務(wù)端旱眯,需要用到官方提供好的解密sdk,https://mp.weixin.qq.com/debug/wxadoc/dev/demo/aes-sample.zip,其中包含了php示例代碼删豺,對(duì)它簡(jiǎn)單的復(fù)制粘貼如下


    // 獲取unionid
    private function getUnionId($encryptedData, $iv) {
               require_once __DIR__ . '/../third_party/aes/wxBizDataCrypt.php';

        $appid = 'wxcb935c2ec6734f08';
        $pc = new WXBizDataCrypt($appid, $sessionKey);
        $errCode = $pc->decryptData($encryptedData, $iv, $data );

        if ($errCode == 0) {
            $obj = json_decode($data);
            var_dump($obj->unionId);
            // unset($array["watermark"]);
            return [
                'unionid' => $obj->unionId,
                'nickname' => $obj->nickName,
                'avatarUrl' => $obj->avatarUrl,
                'gender' => $obj->gender,
                'country' => $obj->country,
                'province' => $obj->province,
                'city' => $obj->city,
                'language' => $obj->language
            ];
        } else {
            print($errCode . "\n");
        }
    }

這樣就得到了unionid共虑,就可以與自己的同一開(kāi)發(fā)平臺(tái)的帳號(hào)體系下的應(yīng)用打通了,否則不會(huì)返回unionid呀页。

這里有個(gè)坑妈拌,就是要把require_once放在getUnionId方法體內(nèi),而不是類頂部蓬蝶,因?yàn)闉楦蓴_header("Content-type: application/json")的輸出尘分,導(dǎo)致小程序端拿到的res.data是string而不是json對(duì)象。

最后成功存到了數(shù)據(jù)庫(kù)丸氛,得到自己關(guān)心的信息培愁。

unionid.png

注意要先將小程序掛載在開(kāi)放平臺(tái)下

bind.png

小程序端源碼:http://git.oschina.net/dotton/demo-wx

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末们衙,一起剝皮案震驚了整個(gè)濱河市钉凌,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌窃肠,老刑警劉巖禾锤,帶你破解...
    沈念sama閱讀 222,104評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件私股,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡恩掷,警方通過(guò)查閱死者的電腦和手機(jī)倡鲸,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,816評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)螃成,“玉大人旦签,你說(shuō)我怎么就攤上這事〈绾辏” “怎么了宁炫?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,697評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)氮凝。 經(jīng)常有香客問(wèn)我羔巢,道長(zhǎng),這世上最難降的妖魔是什么罩阵? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,836評(píng)論 1 298
  • 正文 為了忘掉前任竿秆,我火速辦了婚禮,結(jié)果婚禮上稿壁,老公的妹妹穿的比我還像新娘幽钢。我一直安慰自己,他們只是感情好傅是,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,851評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布匪燕。 她就那樣靜靜地躺著蕾羊,像睡著了一般。 火紅的嫁衣襯著肌膚如雪帽驯。 梳的紋絲不亂的頭發(fā)上龟再,一...
    開(kāi)封第一講書(shū)人閱讀 52,441評(píng)論 1 310
  • 那天,我揣著相機(jī)與錄音尼变,去河邊找鬼利凑。 笑死,一個(gè)胖子當(dāng)著我的面吹牛嫌术,可吹牛的內(nèi)容都是我干的哀澈。 我是一名探鬼主播,決...
    沈念sama閱讀 40,992評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼度气,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼日丹!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起蚯嫌,我...
    開(kāi)封第一講書(shū)人閱讀 39,899評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎丙躏,沒(méi)想到半個(gè)月后择示,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,457評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡晒旅,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,529評(píng)論 3 341
  • 正文 我和宋清朗相戀三年栅盲,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片废恋。...
    茶點(diǎn)故事閱讀 40,664評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡谈秫,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出鱼鼓,到底是詐尸還是另有隱情拟烫,我是刑警寧澤,帶...
    沈念sama閱讀 36,346評(píng)論 5 350
  • 正文 年R本政府宣布迄本,位于F島的核電站硕淑,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏嘉赎。R本人自食惡果不足惜置媳,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,025評(píng)論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望公条。 院中可真熱鬧拇囊,春花似錦、人聲如沸靶橱。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,511評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至纠永,卻和暖如春鬓长,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背尝江。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,611評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工涉波, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人炭序。 一個(gè)月前我還...
    沈念sama閱讀 49,081評(píng)論 3 377
  • 正文 我出身青樓啤覆,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親惭聂。 傳聞我的和親對(duì)象是個(gè)殘疾皇子窗声,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,675評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容