一、微信小程序注冊(cè)

1.打開官網(wǎng):2.點(diǎn)擊前往注冊(cè):





按步驟完成注冊(cè)




郵箱不可以與公眾號(hào)郵箱重復(fù),注冊(cè)過公眾號(hào)的郵箱都不能再次使用

二、微信小程序登錄1. 登錄官網(wǎng):http://mp.weixi" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁(yè) > 營(yíng)銷資訊 > 網(wǎng)站運(yùn)營(yíng) > 微信小程序注冊(cè)入口與登陸

微信小程序注冊(cè)入口與登陸

時(shí)間:2023-05-12 05:15:02 | 來源:網(wǎng)站運(yùn)營(yíng)

時(shí)間:2023-05-12 05:15:02 來源:網(wǎng)站運(yùn)營(yíng)

微信小程序注冊(cè)入口與登陸:

一、微信小程序注冊(cè)

1.打開官網(wǎng):

2.點(diǎn)擊前往注冊(cè):







按步驟完成注冊(cè)




郵箱不可以與公眾號(hào)郵箱重復(fù),注冊(cè)過公眾號(hào)的郵箱都不能再次使用

二、微信小程序登錄

1. 登錄官網(wǎng):http://mp.weixin.qq.com

可以明顯看到,服務(wù)號(hào),訂閱號(hào),小程序都是統(tǒng)一登陸入口

2. 掃碼登錄設(shè)置昵稱與經(jīng)營(yíng)類目:

登錄完成后,依次設(shè)置好小程序名稱,類目,名稱是唯一性,未上線前有兩次免費(fèi)修改機(jī)會(huì),上線發(fā)布后修改需要重新認(rèn)證。

經(jīng)營(yíng)類目與營(yíng)業(yè)執(zhí)照經(jīng)營(yíng)范圍一樣,不可以設(shè)置超出企業(yè)經(jīng)營(yíng)范圍類目,否則發(fā)布上線審核可能會(huì)退回調(diào)整。


3. 登錄開發(fā)與設(shè)置:

登錄完成后, 依次點(diǎn)擊 開發(fā)-> 開發(fā)管理 -> 開發(fā)設(shè)置->接口權(quán)限申請(qǐng)

4. 獲取AppID(小程序ID) 和 AppSecret(小程序密鑰)

如上圖所示,在 開發(fā)設(shè)置中 查看 AppID和 AppSecret

三、小程序登錄流程

程序可以通過微信官方提供的登錄能力方便地獲取微信提供的用戶身份標(biāo)識(shí),快速建立小程序內(nèi)的用戶體系。

登錄流程時(shí)序圖

調(diào)用 wx.login() 獲取 臨時(shí)登錄憑證code ,并回傳到開發(fā)者服務(wù)器。

調(diào)用 auth.code2Session 接口,換取 用戶唯一標(biāo)識(shí) OpenID 、 用戶在微信開放平臺(tái)賬號(hào)下的唯一標(biāo)識(shí)UnionID(若當(dāng)前小程序已綁定到微信開放平臺(tái)賬號(hào)) 和 會(huì)話密鑰 session_key。

之后開發(fā)者服務(wù)器可以根據(jù)用戶標(biāo)識(shí)來生成自定義登錄態(tài),用于后續(xù)業(yè)務(wù)邏輯中前后端交互時(shí)識(shí)別用戶身份。

四、小程序開發(fā)與管理

備注: 有開發(fā)能力企業(yè)可以自行開發(fā),也可以尋找服務(wù)商代為開發(fā)

在這里舉例,做小程序分銷商城服務(wù)商:微小客,為例 !

五、自行開發(fā)前端代碼

注意: 使用不同的框架,代碼略有不同

<template> <view class="container"> <view class="button-sp-area"> <u-button class="custom-style" open-type="getUserInfo" @getuserinfo="loginUserInfo">登錄</u-button> </view> </view></template><script> export default { data() { return { show:false, userInfo: {}, hasUserInfo: false } }, methods: { loginUserInfo (detail) { console.log(detail) /* 微信登錄 */ wx.login({ timeout: 10000, success(res) { if(res.code){ wx.request({ url: 'http://localhost:8090/wxlogin', data: {"code": res.code}, success:function(res){ console.log( res) }, fail: function(e) { console.log(e) } }) } else { console.log('登錄失??!' + res.errMsg) } }, fail(e) { console.log("fail:" + e) } }) } }, onLoad:function(){ var result = uni.getStorageSync('cmp_user'); if (result && result.hasUserInfo ){ uni.switchTab({ url: '/pages/index/index' }) }else{ this.show = true } }, created() { uni.hideHomeButton() } }</script><style></style>

六、后端代碼

1.RestTemplateConfig

import java.util.ArrayList;import java.util.List;import org.springframework.context.annotation.Bean;import org.springframework.context.annotation.Configuration;import org.springframework.http.MediaType;import org.springframework.http.client.ClientHttpRequestFactory;import org.springframework.http.client.SimpleClientHttpRequestFactory;import org.springframework.http.converter.json.MappingJackson2HttpMessageConverter;import org.springframework.web.client.RestTemplate;@Configurationpublic class RestTemplateConfig { @Bean public RestTemplate restTemplate(ClientHttpRequestFactory factory){ RestTemplate restTemplate = new RestTemplate(factory); restTemplate.getMessageConverters().add(new WxMappingJackson2HttpMessageConverter()); return restTemplate; } /** * RestTemplate配置工廠, 可用于定制化RestTemplate * @return */ @Bean public ClientHttpRequestFactory simpleClientHttpRequestFactory(){ SimpleClientHttpRequestFactory factory = new SimpleClientHttpRequestFactory(); factory.setConnectTimeout(15000); factory.setReadTimeout(5000); return factory; } class WxMappingJackson2HttpMessageConverter extends MappingJackson2HttpMessageConverter { public WxMappingJackson2HttpMessageConverter(){ List<MediaType> mediaTypes = new ArrayList<>(); mediaTypes.add(MediaType.TEXT_PLAIN); setSupportedMediaTypes(mediaTypes); } }} 2. WxLoginResultDtopublic class WxLoginResultDto { private String openid; private String session_key; private String errcode; private String errmsg; // get set 省略 } 3. WxLoginControllerimport org.slf4j.Logger;import org.slf4j.LoggerFactory;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RestController;import org.springframework.web.client.RestTemplate;import com.demo.orangodb.bean.WxLoginResultDto;@RestControllerpublic class WxLoginController { private Logger logger = LoggerFactory.getLogger(WxLoginController.class); private String wxAuthUrl = "https://api.weixin.qq.com/sns/jscode2session?appid=%s&secret=%s&js_code=%s&grant_type=authorization_code"; @Autowired RestTemplate restTemplate; @RequestMapping("/wxlogin") public String login(String code) { String appId = "wx39b4e0397f244xxx"; String appsecret = "xxxxxxxxx"; System.out.println(code); String url = String.format(wxAuthUrl, appId, appsecret, code); WxLoginResultDto wxLoginResult = restTemplate.getForObject(url, WxLoginResultDto.class); if(wxLoginResult.getErrcode() != null && !wxLoginResult.getErrcode().equals(0)){ logger.error("wx auth failed, errCode is [{}], errMsg is [{}]", wxLoginResult.getErrcode(), wxLoginResult.getErrmsg()); return "fail"; } System.out.println(wxLoginResult.toString()); return "ok"; }}

六:驗(yàn)證

在頁(yè)面上點(diǎn)擊登錄 -> 后端返回結(jié)果(由于沒有正確的填寫 appid和 appsecret 所以登錄失?。?br>
到此,已完成微信登錄



關(guān)鍵詞:入口,登陸,注冊(cè),程序

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉