微信小程序如何做出一个积分系统？ - 知乎5被浏览632分享邀请回答0添加评论分享收藏感谢收起6919人阅读
技术开发文档（17）
微信开发（4）
最近在研究微信小程序怎么玩的。接触后发现好多的坑。
比如在浏览器中我们可以通过document.getElementById 获取到页面的DOM对象。而在微信小程序中是获取不到DOM对象的。document.getElementById()
getElementById not function 我也是醉了。不支持这个好多有趣的功能不能实现了。
言归正传，我谈下获取用户信息的感想。
有两种获取用户信息的方案。
1、不包含敏感信息openId 的json对象(包含:nickname、avatarUrl等基本信息)
2、包含敏感信息openId的基本信息。
第一种获取方案
1、首先调用wx.login()接口 让用户授权验证，也就是我们肉眼观察到的，你是否对xxxxx授权这种信息。
2、用户成功授权后，调用wx.getUserInfo() 接口获取用户信息。
完整代码如下
success:function(){
wx.getUserInfo({
success:function(res){
var simpleUser = res.userI
console.log(simpleUser.nickName);
第二种比较复杂了，需要与后台进行交互才能获得userInfo，但是这种方案获得的数据是完整的(包含openId)。
1、调用wx.login()接口 授权
在success 成功函数的参数中包含code。
2、调用wx.getUserInfo()接口success 函数中包含encryptedData、iv
3、将上述参数传给后台解析，生成userInfo
var request = require("../../utils/request.js");
wx.login({
success:function(res_login){
if(res_login.code)
wx.getUserInfo({
withCredentials:true,
success:function(res_user){
var requestUrl = "/getUserApi/xxx.php";
var jsonData = {
code:res_login.code,
encryptedData:res_user.encryptedData,
iv:res_user.iv
request.httpsPostRequest(requestUrl,jsonData,function(res){
console.log(res.openId);
public function wxUserInfo($code,$encryptedData,$iv)
$apiUrl = "https://api./sns/jscode2session?appid={$this-&wxConfig['appid']}&secret={$this-&wxConfig['appsecret']}&js_code={$code}&grant_type=authorization_code";
$apiData = json_decode(curlHttp($apiUrl,true),true);
if(!isset($apiData['session_key']))
echoJson(array(
"curl error"
$userInfo = getUserInfo($this-&wxConfig['appid'],$apiData['session_key'],$encryptedData,$iv);
if(!$userInfo)
echoJson(array(
"userInfo not"
echo $userInfo;
getUserInfo function
其中wxBizDataCrypt.php 就是微信官方提供的素材包
curlHttp 函数是一个自定函数 该函数的源码查看我的这篇文章
function getUserInfo($appid,$sessionKey,$encryptedData,$iv){
require_once ROOTPATH . "/extends/wxUser/wxBizDataCrypt.php";
$data = array();
$pc = new WXBizDataCrypt($appid, $sessionKey);
$errCode = $pc-&decryptData($encryptedData, $iv, $data );
if ($errCode == 0) {
return $data;
return false;
自己写的小工具 request.js
var app = getApp();
var __httpsRequest = {
https_request : function(obj){
wx.request(obj);
upload_request : function(dataSource){
wx.uploadFile(dataSource);
module.exports = {
httpsRequest:function(obj){
var jsonUrl = {};
jsonUrl.url = obj.
if(obj.header)jsonUrl.header=obj.
if(obj.type)
jsonUrl.method = obj.
jsonUrl.method="GET";
if(obj.data)jsonUrl.data = obj.
obj.dataType?(jsonUrl.dataType=obj.dataType):(jsonUrl.dataType="json");
jsonUrl.success = obj.
jsonUrl.data.projectId = app.globalData.projectId;
__httpsRequest.https_request(jsonUrl);
httpsGetRequest:function(req_url,req_obj,res_func)
var jsonUrl = {
url:app.globalData.host + req_url,
header:{"Content-Type":"application/json"},
dataType:"json",
method:"get",
success:function(res)
typeof res_func == "function" && res_func(res.data);
if(req_obj)
jsonUrl.data = req_
jsonUrl.data.projectId = app.globalData.projectId;
__httpRequest.https_request(jsonUrl);
httpsPostRequest:function(req_url,req_obj,res_func)
var jsonUrl = {
url:app.globalData.host + req_url,
header:{"Content-Type":"application/x-www-form-urlencoded"},
dataType:"json",
method:"post",
success:function(res)
typeof res_func == "function" && res_func(res.data);
if(req_obj)
jsonUrl.data = req_
jsonUrl.data.projectId = app.globalData.projectId;
__httpsRequest.https_request(jsonUrl);
httpsUpload:function(uid,fileDataSource,res_func)
dataSource = {
url:app.globalData.host + req_url,
"Content-Type":"multipart/form-data"
dataType:"json",
: fileDataSource,
: "fileObj",
success:function(res){
typeof res_func == "function" && res_func(res);
__httpsRequest.upload_request(dataSource);
app.globalData.host
就是域名地址如 ;
觉得不错请打赏，您的十分满意是笔者的无限动力
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：24922次
积分：1018
积分：1018
排名：千里之外
原创：73篇
(5)(16)(11)(10)(20)(24)
(window.slotbydup = window.slotbydup || []).push({
id: '4740887',
container: s,
size: '250,250',
display: 'inlay-fix'小程序再增一个新入口，这次是在微信群里|微信|小程序|入口_新浪科技_新浪网
& 滚动新闻 &&正文
小程序再增一个新入口，这次是在微信群里
【猎云网武汉】8月3日报道（文/周峰峰）刚刚，有微信用户发现了小程序的一个新入口：群小程序，「群小程序」出现在微信群的设置页面。用户在微信群的设置页面点击「群小程序」，可以看到群好友分享到微信群里的小程序，点击可以进入小程序，不用再翻看群记录。经用户测试，目前群小程序最多能够显示10个，并且没有删除、星标等功能。群小程序仅支持微信安卓版6.5.13（微信6.5.13目前是内测版），在小推荐公众号(微信号：xiaotuiian123)回复：6513，获得微信6.5.13安卓版下载链接。
或许谁都不希望看到这样一个景象，不久的将来搭载Helio X30的某某...
腾讯在资本市场受此影响依然很是明显，7月4日，腾讯控股跌幅达4....
近日一款名为“全能车”软件受到人们关注，只要缴纳一份押金，便...微信内测“群小程序”：用户可以看到群内好友分享过的小程序
微信内测“群小程序”：用户可以看到群内好友分享过的小程序
科技大爆炸boom
微信谨慎增加小程序的入口。近日，有行业人士爆出，微信在安卓内测6.5.13版本中，在微信群新增了一个“群小程序”功能。点开“群小程序”，可以看到群内好友分享过的小程序。微信团队向澎湃新闻（）回应，微信群的“群小程序”入口正在内测，希望帮助微信群的用户更方便地找到群内出现过的小程序。今年1月，腾讯微信团队推出“小程序”，“小程序”是一种无需安装，即可使用的手机“应用”。不需要像往常一样下载App，用户在微信中“用完即走”。有了“小程序”，你可以直接在微信中订机票、叫外卖、查公交、叫专车、看新闻……刚推出时，“小程序”非常“傲娇”，无法搜索，很难找到，微信称，希望大家更多地通过线下扫码去获取小程序的服务，去发现、使用自己所需要的小程序，解决生活中的实际需求。不过，面对开发者的需求，之后小程序逐渐开放识别二维码、公众号内置链结，以及附近的小程序、小程序码等入口，丰富了使用场景，现在又增加了群小程序的入口。在过去半年，微信小程序的使用范围也拓宽到可以解锁共享单车、开电子发票、在零售店手机点餐并通过微信支付买单等场景。针对快消零售行业，微信推出的支付+小程序、会员、大数据等营销方案，实现了O2O闭环。微信及WeChat月活跃账户达9.38亿，同比增长23%。每个新的小程序都有巨大的潜在用户基础。
本文仅代表作者观点，不代表百度立场。系作者授权百家号发表，未经许可不得转载。
科技大爆炸boom
百家号 最近更新：
简介: 关注移动数码、智能硬件等消费类电子产品。
作者最新文章微信内测“群小程序”：用户可以看到群内好友分享过的小程序_网易新闻
微信内测“群小程序”：用户可以看到群内好友分享过的小程序
用微信扫码二维码
分享至好友和朋友圈
（原标题：微信内测“群小程序”：用户可以看到群内好友分享过的小程序）
微信谨慎增加小程序的入口。近日，有行业人士爆出，微信在安卓内测6.5.13版本中，在微信群新增了一个“群小程序”功能。点开“群小程序”，可以看到群内好友分享过的小程序。微信团队向澎湃新闻（）回应，微信群的“群小程序”入口正在内测，希望帮助微信群的用户更方便地找到群内出现过的小程序。今年1月，腾讯微信团队推出“小程序”，“小程序”是一种无需安装，即可使用的手机“应用”。不需要像往常一样下载App，用户在微信中“用完即走”。有了“小程序”，你可以直接在微信中订机票、叫外卖、查公交、叫专车、看新闻……刚推出时，“小程序”非常“傲娇”，无法搜索，很难找到，微信称，希望大家更多地通过线下扫码去获取小程序的服务，去发现、使用自己所需要的小程序，解决生活中的实际需求。不过，面对开发者的需求，之后小程序逐渐开放识别二维码、公众号内置链结，以及附近的小程序、小程序码等入口，丰富了使用场景，现在又增加了群小程序的入口。在过去半年，微信小程序的使用范围也拓宽到可以解锁共享单车、开电子发票、在零售店手机点餐并通过微信支付买单等场景。针对快消零售行业，微信推出的支付+小程序、会员、大数据等营销方案，实现了O2O闭环。微信及WeChat月活跃账户达9.38亿，同比增长23%。每个新的小程序都有巨大的潜在用户基础。
(原标题：微信内测“群小程序”：用户可以看到群内好友分享过的小程序)
本文来源：澎湃新闻网
责任编辑：王晓易_NE0011
用微信扫码二维码
分享至好友和朋友圈
加载更多新闻
热门产品:　　　
:　　　　　　　　
:　　　　　　　　　
热门影院：
阅读下一篇
用微信扫描二维码
分享至好友和朋友圈