欧美三级国产三级日韩三级_亚洲熟妇丰满大屁股熟妇_欧美亚洲成人一区二区三区_国产精品久久久久久模特

微信公眾號開發(fā)訂閱號如何獲取用戶信息(vue開發(fā)) - 新聞資訊 - 云南小程序開發(fā)|云南軟件開發(fā)|云南網(wǎng)站建設(shè)-昆明葵宇信息科技有限公司

159-8711-8523

云南網(wǎng)建設(shè)/小程序開發(fā)/軟件開發(fā)

知識

不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價值,我們在追求其視覺表現(xiàn)的同時,更側(cè)重于功能的便捷,營銷的便利,運營的高效,讓網(wǎng)站成為營銷工具,讓軟件能切實提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序為后期升級提供便捷的支持!

您當前位置>首頁 » 新聞資訊 » 公眾號相關(guān) >

微信公眾號開發(fā)訂閱號如何獲取用戶信息(vue開發(fā))

發(fā)表時間:2020-10-16

發(fā)布人:葵宇科技

瀏覽次數(shù):99

在公眾號中配置開發(fā)接口權(quán)限(可以選擇后期配置)

可以先使用測試號 http://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index

這里設(shè)置的回調(diào)頁面域名是vue項目運行起來的地址

創(chuàng)建一個空白組件

<template>
  <div class="weixin">

  </div>
</template>

<script>
  // 判斷是否為公眾號模擬器環(huán)境
  const isWeChat = () => {
    return String(navigator.userAgent.toLowerCase().match(/MicroMessenger/i)) === "micromessenger";
  }
  export default {
    created() {
      this.getWXMessage();
    },
    methods: {
        getWXMessage() {
            if (isWeChat()) {
                let appId = '', redirect_uri='',
                window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${redirect_uri}&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect`
            }
        }
      },
    }

</script>
<style scoped>
</style>

https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${redirect_uri}&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect

該鏈接執(zhí)行完,如果用戶授權(quán)成功會重定向到我們配置的redirect_uri鏈接并且攜帶code和state

在重定向后的vue文件中,用this.$route.query.code獲取該用戶的code,將code傳遞給后端,接下來的請求為了數(shù)據(jù)安全必須在服務(wù)器端處理

測試時需要使用微信開發(fā)工具

文檔地址https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html

相關(guān)案例查看更多