小白开发微信小程序23--开放接口API

这篇具有很好参考价值的文章主要介绍了小白开发微信小程序23--开放接口API。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

  1. 开放接口列表

wx.login 登录

wx.getUserInfo 获取用户信息

wx.chooseAddress 获取用户收货地址

wx.requestPayment 发起微信支付

wx.addCard 添加卡券

wx.openCard 打开卡券

.......................................................

小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档
  1. wx.getUserProfile

1、功能描述

获取用户信息。页面产生点击事件(例如 button 上 bindtap 的回调中)后才可调用,每次请求都会弹出授权窗口,用户同意后返回 userInfo。该接口用于替换 wx.getUserInfo,详见 用户信息接口调整说明。

小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档
小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档

2、示例代码

页面代码

小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档

js代码

小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档

运行效果

小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档
小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档

3.wx.login

功能描述

调用接口获取登录凭证(code)。通过凭证进而换取用户登录态信息,包括用户在当前小程序的唯一标识(openid)、微信开放平台帐号下的唯一标识(unionid,若当前小程序已绑定到微信开放平台帐号)及本次登录的会话密钥(session_key)等。用户数据的加解密通讯需要依赖会话密钥完成。

小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档
小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档

小程序登录wx.login()

小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识,快速建立小程序内的用户体系

小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档

说明

调用 wx.login() 获取 临时登录凭证code ,并回传到开发者服务器。

调用 auth.code2Session 接口,换取 用户唯一标识 OpenID 、 用户在微信开放平台帐号下的唯一标识UnionID(若当前小程序已绑定到微信开放平台帐号) 和 会话密钥 session_key。

之后开发者服务器可以根据用户标识来生成自定义登录态,用于后续业务逻辑中前后端交互时识别用户身份

小程序登录code2Session

接口应在服务器端调用,详细说明参见服务端API。

功能描述

登录凭证校验。通过 wx.login 接口获得临时登录凭证 code 后传到开发者服务器调用此接口完成登录流程。更多使用方法详见小程序登录。

HTTPS 调用

GET https://api.weixin.qq.com/sns/jscode2session

小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档
小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档

请求数据示例

GET https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code

返回数据示例

{

"openid":"xxxxxx",

"session_key":"xxxxx",

"unionid":"xxxxx",

"errcode":0,

"errmsg":"xxxxx"

}

小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档

示例代码

1、页面添加登录按钮

小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档

2、js代码testLogin

可以看到这个code是变化的,不能作为登录的唯一凭证,需要用到下面的code2Session,即调用 auth.code2Session 接口,换取 用户唯一标识 OpenID

小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档
小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档

3、这个code不是唯一的,不能作为登录的凭证,需要进行下一步的验证

如图所示,用usercode换取openid

小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档

打开上次“小白开发微信小程序21--网络API(ASP.NET版”代码,首先添加包引用,newtonsoft.json

小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档

在model文件夹添加类HttpHelper

小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档

HttpHelper.cs完整代码:

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Net;
using System.Text;
using System.Threading.Tasks;

namespace webapitest.Models
{
    /// <summary>
    /// http请求帮助类
    /// </summary>
    public  class HttpHelper
    {
        /// <summary>
        /// https get请求
        /// </summary>
        /// <param name="Url">请求地址</param> 
        /// <returns>System.String.</returns>
        public  string HttpsGet(string Url)
        {
            HttpWebRequest request = (HttpWebRequest)WebRequest.Create(Url); 
            HttpWebResponse response = (HttpWebResponse)request.GetResponse();
            Stream myResponseStream = response.GetResponseStream();
            StreamReader myStreamReader = new StreamReader(myResponseStream, Encoding.GetEncoding("utf-8"));
            string retString = myStreamReader.ReadToEnd();
            myStreamReader.Close();
            myResponseStream.Close(); 
            return retString;
        }
    }
}

在WebXinController中添加方法wxLogin,

小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档

完成代码:

using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.Mvc;
using Newtonsoft.Json;
using Newtonsoft.Json.Linq;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using webapitest.Models;

namespace webapitest.Controllers
{
    /// <summary>
    /// 微信小程序控制器
    /// </summary>
    [Route("api/[controller]")]
    [ApiController]
    public class WebXinController : ControllerBase
    {
        List<Book> booklist = null;

        private static List<Book> getBookList()
        {
            List<Book> books = new List<Book>();

            Book b1 = new Book();
            b1.id = 9032;
            b1.title = "java开发指南";
            b1.author = "杨强标";
            b1.publisher = "吉林出版公司";
            b1.image = "img01.jpg";
            books.Add(b1);

            Book b2 = new Book();
            b2.id = 7232;
            b2.title = "web项目指导";
            b2.author = "毛二平";
            b2.publisher = "山东出版公司";
            b2.image = "img02.jpg";
            books.Add(b2);

            Book b3 = new Book();
            b3.id = 6832;
            b3.title = "小程序教程";
            b3.author = "风间云";
            b3.publisher = "海南出版公司";
            b3.image = "img03.jpg";
            books.Add(b3);
            return books; 
        }

        /// <summary>
        /// 图书列表
        /// </summary>
        /// <returns></returns>
        [HttpGet("findBookList")]
        public List<Book> findBookList()
        {
            booklist = getBookList();
            return booklist; 
        }

        /// <summary>
        /// 用户登录
        /// </summary>
        /// <returns></returns>
        [HttpGet("wxLogin")]
        public string  wxLogin(string userCode)
        {
            string appid = "wxd20d97e66580e91e";
            string secret = "5100c604bcb817cd0fa0cd801fccd239";
            string jscode = userCode;
            //https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code 
            string requesturl = "https://api.weixin.qq.com/sns/jscode2session?appid=" + appid + "&secret=" + secret + "&js_code=" + jscode + "&grant_type=authorization_code";
            HttpHelper httpHelper = new HttpHelper();
            string jsonresult = httpHelper.HttpsGet(requesturl);
            JObject jsonobj = JsonConvert.DeserializeObject<JObject>(jsonresult);//序列化成json对象
            string useropenid = jsonobj.GetValue("openid").ToString();//获取指定属性的值
            string txt = useropenid; 
            return txt;
        }

    }
}

小程序页面js代码

小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档

完成代码

// pages/myapi/myapi.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        userInfo: {},//用户信息
        useropenid: "",
        usercode:""
    },
    //登录
    testLogin() {
        let that=this;
        wx.login({
            success(res) {
                if (res.code) {
                    that.setData({
                        usercode:res.code
                    });
                    console.log(res.code);
                }
            }
        })
    },
    //微信登录
    doLogin() {
        let that = this;
        wx.login({
            success(res) {
                if (res.code) {
                    const code = res.code;
                    that.setData({
                        usercode:res.code
                    });
                    wx.request({
                        url: 'https://localhost:5001/api/WebXin/wxLogin',
                        data: { "userCode": code },//传递参数
                        method: "GET",//当前请求的请求方式
                        header: {
                            'content-type': 'application/json' // 默认值
                        },
                        success(res) {
                            const tokendata = res.data;
                            if (tokendata != "error") {
                                wx.setStorageSync('token', tokendata);//存储用户token 
                                that.setData({ 
                                    useropenid: tokendata
                                });
                                wx.showToast({
                                    title: '登录成功',
                                    icon: 'success',
                                    duration: 2000
                                })
                            }
                        }
                    });
                }
            }
        })
    },




    getUserProfile() {
        wx.getUserProfile({
            desc: '用于完善会员资料',
            success: (res) => {
                this.setData({
                    userInfo: res.userInfo
                })
            }
        })
    },



    // 添加设备
    putdevice() {
        wx.showToast({
            title: '设备添加成功',
            icon: 'success',
            duration: 2000
        })
    },
    // 添加课程
    putcourse() {
        wx.showToast({
            title: '课程添加失败',
            icon: 'error',
            duration: 3000
        })
    },
    // 删除
    delbook() {
        wx.showModal({
            title: '提示',
            content: '您是否同意【最美乡村】评选结果?',
            confirmText: "赞成",
            cancelText: "反对",
            success(res) {
                if (res.confirm) {
                    wx.showToast({
                        title: '你投了赞成票',
                        icon: 'success',
                        duration: 2000
                    })
                } else if (res.cancel) {
                    wx.showToast({
                        title: '你投了反对票',
                        icon: 'error',
                        duration: 3000
                    })
                }
            }
        })
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})

点我登录

小程序开放接口,小白开发微信小程序,微信小程序,小程序,前端,Powered by 金山文档

成功拉到了openid,这个openid才是小程序用户的唯一标识,这也是作为token。

帅是一个境界,相信自己的传说。文章来源地址https://www.toymoban.com/news/detail-611550.html

到了这里,关于小白开发微信小程序23--开放接口API的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 小白开发微信小程序50--云服务器部署测试小程序

    在前面49节的操作证明了操作正确的,但这只是在本地测试部署成功,还差一步就是前台和后台的程序都必须运行在internet上才行,而不可能运行在本地机器服务器上,方式是先在本地部署测试,然后再云服务器上部署测试,所以接下继续搞,继续干。 只要是云服务器都可以

    2024年02月11日
    浏览(54)
  • 小白开发微信小程序49--本地服务器部署测试小程序

    相信大家对微信小程序的基础和项目应该没有太大问题了,如果还有对微信小程序开发有一些问题,请查看回顾...微信小程序开发者开发好一款微信小程序后,怎么才能发布呢?如何将其提交给微信审核呢? 在前面的【领航教育】项目开发中,后台采用的是C#开发语言,提供的

    2024年02月09日
    浏览(53)
  • 微信小程序 - 调用后台api接口方法

    2024年01月16日
    浏览(50)
  • 跳转微信小程序短链接的API接口

    =\\\"ht tps://p http://ush.youlacloud.com/\\\"怎么从网页跳转一键跳转到微信小程序? 发送短信,用户点击链接,直达微信小程序? 如何抖音跳转微信小程?淘宝跳转微信小程? 等等类似的应用,都需要是借助 将微信小程序生成一般的链接,用户通过点击链接直接进入小程序。 复制发短

    2024年02月15日
    浏览(55)
  • 微信小程序 api+前端实现生成分享海报

    1.先看效果图,点击分享海报按钮,然后弹出分享海报  2.前端代码 这里用的组件有vant组件库还有canvas_drawer(一个画布组件) canvas_drawer下载地址 https://github.com/kuckboy1994/mp_canvas_drawer 把 components 中的 canvasdrawer 拷贝到自己项目下,然后再app.json中引用就行了,如下 \\\"usingCompon

    2024年02月09日
    浏览(51)
  • 微信小程序 通过百度API接口实现汉译英翻译

    目录 先看一下做出来的效果: 一、微信开发平台的网址(微信开发者工具的官方使用说明) 二、百度API(文本翻译的API) 三、进入正文,微信小程序的代码部分 基础 | 微信开放文档 (qq.com) https://developers.weixin.qq.com/miniprogram/dev/api/   文本翻译_机器翻译-百度AI开放平台 (bai

    2024年02月09日
    浏览(62)
  • 前端小白是如何利用chatgt用一周时间从做一款微信小程序的

    随着 chatgpt 的大火,真的是在工作上给各行各业的人带来了极大的便利,本人是一个 java 程序员,其实我自己是一直想开发一款属于自己的小程序的,但是迫于对前端知识的贫瘠,考虑到要学的前端开发知识有很多,比如 js , ts ,前端框架 vue , react …,最难受的是 css 样式,最

    2024年02月02日
    浏览(56)
  • 【微信小程序】使用和风天气接口api(全过程)——获取天气

    介绍 这里是小编成长之路的历程,也是小编的学习之路。希望和各位大佬们一起成长! 以下为小编最喜欢的两句话: 要有最朴素的生活和最遥远的梦想,即使明天天寒地冻,山高水远,路远马亡。 一个人为什么要努力? 我见过最好的答案就是:因为我喜欢的东西都很贵,

    2023年04月08日
    浏览(107)
  • 微信小程序实现调用百度文心一言接口API(可直接运行代码)

    直接贴出运行结果 总共有三个步骤,过程都很简单。 先进入文心千帆大模型平台,然后点击左边一列的“应用接入”,然后点创建应用,这时你就获得了API_key了。 如下,开通是免费的,付费随时可以中止。 不过记得要换成自己的API_key和Secret_key。  (如果报错 “链接不在

    2024年02月13日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包