微信小程序实现获取用户信息并存入数据库操作示例 -云博客

微信小程序实现获取用户信息并存入数据库操作示例

# 微信 2024-05-05 00:16 0 19 来源：云博客

微信小程序获取用户信息简单，但是在存入自己服务器数据库的过程中研究了一天多的时间，并且网上搜索不到该资源，故发出来供大家参考。

index.js

 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

 <?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个月从入门成为前端工程师全套高清视频与配套资料