Das Alipay-Applet kann den Spitznamen und den Avatar des Benutzers nur im Frontend abrufen, aber das reicht bei weitem nicht aus. Wir müssen zumindest die Alipay-Benutzer-ID abrufen. Zu diesem Zeitpunkt müssen wir das SDK von Alipay verwenden Im Backend muss das Frontend natürlich eine httprequest-Anfrage stellen. Das Folgende wurde basierend auf den Beispielen in den beiden vorherigen Artikeln geändert:
Alipay-Applet-Frontend
app.js
App({
globalData:{
studentid:'',
username:'',
apiurl: 'http://XXX'
},
getUserInfo(){
var that = this
return new Promise((resovle,reject)=>{
if(this.userInfo) resovle(this.userInfo);
//调用用户授权 api 获取用户信息
my.getAuthCode({
scopes: 'auth_user',
success:(res) =>{
if (res.authCode) {
my.httpRequest({
url: that.globalData.apiurl + '/api/AliPay/GetUserInfo',
method: 'GET',
data: {
auth_code: res.authCode
},
dataType: 'json',
success: function(res) {
that.globalData.studentid = res.data.data.student_id;
that.globalData.username = res.data.data.user_name;
//获取用户信息,照片、昵称
my.getAuthUserInfo({
scopes: ['auth_user'],
success: (res) => {
that.userInfo = res;
resovle(that.userInfo);
},
fail:() =>{
reject({});
}
});
console.log('返回UserDetail', res.data.data);
},
fail: function(res) {
my.alert({content: 'fail'});
},
complete: function(res) {
my.hideLoading();
}
});
}
},
fail:() =>{
reject({});
}
});
});
},
onLaunch(options) {
},
onShow(options) {
// 从后台被 scheme 重新打开
},
});Nach dem Login kopieren
Die obige Codeanpassung Ruft das Backend-Webapi http://XXX/api/AliPay/GetUserInfo ab, um Benutzerinformationen abzurufen, und speichert die erhaltene Benutzer-ID und den Benutzernamen in der globalen Variablen globalData
const app = getApp();
Page({
data: {
src: '',
username: '',
studentid: ''
},
imageError: function (e) {
console.log('image 发生错误', e.detail.errMsg)
},
imageLoad: function (e) {
console.log('image 加载成功', e);
},
onLoad(query) {
// 页面加载
app.getUserInfo().then(
user => {
console.info(user);
//设置头像
if (user.avatar.length > 0) {
this.setData({src: user.avatar});
}
else{
this.setData({src: '/images/tou.png'});
}
//设置用户名
if (app.globalData.username)
{
this.setData({username: app.globalData.username});
}
else
{
this.setData({username: user.nickName});
}
if(app.globalData.studentid)
{
//设置UserId
this.setData({studentid: app.globalData.studentid});
}
}
);
},
onShow() {
// 页面显示
},
onReady() {
}
});Nach dem Login kopieren
Ursprünglich stellt der Beamte nur das .net-Framework-SDK zur Verfügung, aber jemand hat bereits die .net-Kernversion ins Internet übertragen. Führen Sie Install-Package Alipay.AopSdk.Core aus, um es in appsettings.json zu installieren Der öffentliche Schlüssel, der private Schlüssel, die App-ID und andere Parameter Ihres Miniprogramms müssen nicht
"Alipay": {
//校园码支付宝小程序正式环境
"AlipayPublicKey": "",
"AppId": "",
"CharSet": "UTF-8",
"GatewayUrl": "https://openapi.alipay.com/gateway.do",
"PrivateKey": "",
"SignType": "RSA2",
"Uid": ""
}Nach dem Login kopieren
geschrieben werden, und dann müssen Sie Service
in den Back-End-Kern einfügen Der Code Startup.cs subventioniert alle relevanten Codes. Lesen Sie appsettings.json und fügen Sie ihn in den Dienst ein.
private void ConfigureAlipay(IServiceCollection services)
{
var alipayOptions = Configuration.GetSection("Alipay").Get<AlipayOptions>();
//检查RSA私钥
AlipayConfigChecker.Check(alipayOptions.SignType, alipayOptions.PrivateKey);
services.AddAlipay(options => options.SetOption(alipayOptions)).AddAlipayF2F();
}
public IConfiguration Configuration { get; }
// This method gets called by the runtime. Use this method to add services to the container.
public void ConfigureServices(IServiceCollection services)
{
//配置alipay服务
ConfigureAlipay(services);
......Nach dem Login kopieren
Nachdem Sie den Autorisierungscode vom Frontend erhalten haben, verwenden Sie die Autorisierung, um sie zu erhalten die Benutzerinformationen
private AlipayUserInfoShareResponse GetShareResponse(string auth_code)
{
var alipaySystemOauthTokenRequest = new AlipaySystemOauthTokenRequest
{
Code = auth_code,
GrantType = "authorization_code"
};
var oauthTokenResponse = _alipayService.Execute(alipaySystemOauthTokenRequest);
AlipayUserInfoShareRequest requestUser = new AlipayUserInfoShareRequest();
AlipayUserInfoShareResponse userinfoShareResponse = _alipayService.Execute(requestUser, oauthTokenResponse.AccessToken);
return userinfoShareResponse;
}
/// <summary>
/// 获取用户信息
/// </summary>
/// <param name="auth_code"></param>
/// <returns></returns>
[HttpGet]
[Route("GetUserInfo")]
public ActionResult GetUserInfo(string auth_code)
{
try
{
AlipayUserInfoShareResponse userinfoShareResponse = GetShareResponse(auth_code);
return new JsonResult(new { data = userinfoShareResponse });
}
catch (Exception ex)
{
log.Error("错误:" + ex.ToString());
return new JsonResult(new { data = ex.ToString() });
}
}Nach dem Login kopieren
Verwandte Artikel:
Alipay Wie verwende ich SDK?
Einführung in den Vergleich und die Unterschiede zwischen dem WeChat-Miniprogramm und dem Alipay-Miniprogramm
Das obige ist der detaillierte Inhalt vonEntwicklung eines Alipay-Miniprogramms – Verwendung des Alipay-SDK zum Erhalten einer Benutzer-ID. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
