微信小程序實現獲取用戶信息並存入數據庫操作示例
阿新 • • 發佈：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個月從入門成為前端工程師全套高清視頻與配套資料 |
微信小程序實現獲取用戶信息並存入數據庫操作示例