微信小程序實現獲取用戶信息並存入數據庫操作示例
阿新 • • 發佈:2019-05-08
val 查詢 name nbsp ech nod ESS 速度 item
微信小程序獲取用戶信息簡單,但是在存入自己服務器數據庫的過程中研究了一天多的時間,並且網上搜索不到該資源,故發出來供大家參考。
index.js
?1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
Page({ data: {
nickName: "微信賬號登錄" ,
avatarUrl: "./user-unlogin.png" ,
},
onLoad: function () {
var that = this ;
var nickName = that.data.nickName ;
var avatarUrl = that.data.avatarUrl;
var db= "no" ;
wx.getUserInfo({
success: function (res) {
that.data.nickName = res.userInfo.nickName, that.data.avatarUrl = res.userInfo.avatarUrl,
that.setData({
nickName: that.data.nickName,
avatarUrl: that.data.avatarUrl,
}),
that.setData({
db: "ok" // 設置變量db,只有成功獲取用戶信息後才寫入數據庫
})
if (db = "ok" ) {
var name, url;
wx.request({
url: ‘https://.../getuserinfo.php‘ ,//寫自己的服務器
header: {
"Content-Type" : "application/x-www-form-urlencoded"
},
method: "POST" ,
data: {
name: res.userInfo.nickName,
url: res.userInfo.avatarUrl,
},
success: function () {
console.log( "success" )
},
fail: function () {
console.log( "fail" )
}
})
}
},
fail: function (res) {
that.data.nickName = "未授權無法獲取用戶信息" ,
that.setData({
nickName: that.data.nickName
})
}
})
},
onShow: function () {
}
})
|
getuserinfo.php
?1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<?php
$name = $_POST [ ‘name‘ ];
$url = $_POST [ ‘url‘ ];
$servername = "localhost" ;
$username = "root" ;
$password = "" ; //服務器中連接數據庫的密碼
$dbname = "mydb" ; //使用的數據庫名
// 創建連接
$conn = new mysqli( $servername , $username , $password , $dbname );
// 檢測連接
if ( $conn ->connect_error) {
die ( "connect server fail: " . $conn ->connect_error);
}
$sql = "INSERT INTO userinfo
VALUES ( ‘$name‘ , ‘$url‘ )";
if ( $conn ->query( $sql ) === TRUE) {
echo "insert success" ;
} else {
echo "Error: " . $sql . "<br>" . $conn ->error;
}
$conn ->close();
?>
|
測試通過,在服務器中查詢有用戶信息
webapp開發網上書城系統 web移動端教程視頻下載 ...2 |
---|
前端工程師JavaScript基礎入門視頻教程下載 ...2 |
結合MUI框架完成HTML5移動端混合應用開發(微信實戰)視頻教程 ...2 |
尚矽谷 HTML+CSS 核心基礎教程(103集實戰教學,從入門到精通) |
某課網 - Vue.js 源碼全方位深入解析(完整版) ...23456..10 |
某課網 - 全網首發mpvue課程小程序全棧開發 ...234 |
web前後端漏洞分析與防禦精講視頻教程(全漏洞原理+攻擊手段+測試方法+預防措施) ...2 |
最新短視頻網站實戰教程 node.js+ES+Koa2基礎到精通項目實戰課程 ...23 |
四大維度解鎖 Webpack 3.0 前端工程化 ...23 |
某課網 - 讓你頁面速度飛起來 Web前端性能優化 ...23 |
兄弟連新版Web 前端視頻教程 |
微信小遊戲入門與實戰 刷爆朋友圈 ...2 |
手把手帶你入坑H5與小程序直播開發 ...23 |
2018年4月份剛畢業珠峰培訓前端全棧視頻 ...23 |
騰訊工程師教你9小時搞定微信小程序開發 ...23 |
學無止境-WEB前端開發視頻編程實戰HTML5+CSS3視頻教程及素材+模板 ...2 |
2018年最新傳智播客黑馬WEB前端36期全套 ...2 |
《Sass 基礎教程》共40節寧皓網課程 |
HTML5移動端布局實戰開發視頻 |
微專業前端設計師之3個月從入門成為前端工程師全套高清視頻與配套資料 |
微信小程序實現獲取用戶信息並存入數據庫操作示例