微信自定义分享链接内容，wx.updateAppMessageShareData、wx.updateTimelineShareData、wx.onMenuShareTimeline

最新推荐文章于 2024-04-24 09:22:16 发布
最新推荐文章于 2024-04-24 09:22:16 发布
阅读量7.3k 收藏 8
点赞数 3
分类专栏： 微信 文章标签： javascript java 微信页面
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/one_hwx/article/details/116505986
版权

微信分享自定义链接

目录

问题与需求

问题：
在这里插入图片描述

需求：
在这里插入图片描述

准备

认证的公众号或者服务号（记住开发者ID、开发者密码）
在这里插入图片描述

备案过的域名

公众号设置

设置-开发-基本配置-IP白名单-添加网站服务器IP地址
设置-公众号设置-功能设置-设置业务域名与JS接口安全域名(即网站的域名)(这里需要加入认证TXT文件到项目)
在这里插入图片描述

代码

后端代码（完整代码在附录）

根据官方文档，可以得知大步骤为->绑定域名->引入JS文件->通过config接口注入权限验证配置。

也就是说后端只要返回wx.config所需参数即可。

wx.config({
  debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
  appId: '', // 必填，公众号的唯一标识
  timestamp: , // 必填，生成签名的时间戳
  nonceStr: '', // 必填，生成签名的随机串
  signature: '',// 必填，签名
  jsApiList: [] // 必填，需要使用的JS接口列表
});

除了签名，其他参数都可直接获取或生成，查阅官方签名文档，可知需要先生成jsapi_ticket，然后再根据文档需求生成签名。

根据文档可知生成签名步骤:获取accessToken -> 生成jsapi_ticket ->签名算法 -> sha1 加密

application.properties文件配置
#微信配置
WX_APPID=xxxx			#appId
WX_APPSECRET=xxxxx #密钥
WX_GRANTTYPE=client_credential

在这里插入图片描述

(1)获取accessToken
@Scheduled(initialDelay = 1000, fixedDelay = 100*60*1000)
    public String getAccessToken() {
        Map<String,String> resultMap=new HashMap<>();
        //获取access_token
        String url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid={appid}&secret={secret}";
        //设置参数
        Map<String, Object> map = new HashMap<>();
        map.put("appid", WX_APPID);
        map.put("secret", WX_APPSECRET);
        //发送get请求
        String accessTokenResult = ((Map<String, String>) JSON.parse(httpUtil.GETclient(url, map))).get("access_token");
        tokenAll = accessTokenResult;
        return accessTokenResult;
    }
(2)获取jsapiTicket
@Scheduled(initialDelay = 1000, fixedDelay = 100*60*1000)
    public String getJsapiTicket() {
        Map<String,Object> map=new HashMap<>();
        String url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token={ACCESS_TOKEN}&type=jsapi";
        //设置参数
        map.put("ACCESS_TOKEN", getAccessToken());
        //发送get请求
        String ticket = ((Map<String, String>) JSON.parse(httpUtil.GETclient(url, map))).get("ticket");
        ticketAll = ticket;
        return ticket;
    }
(3)生成签名

这个方法是参考官方的签名算法文档

/**
     * 签名
     * @return
     */
    public Map<String, String> sign(String jsapi_ticket, String url){
        Map<String,String> ret = new HashMap<String, String>();
        String nonce_str = create_nonce_str();
        String timestamp = create_timestamp();
        String stringAppend;
        String signature = "";

        //注意这里参数名必须全部小写，且必须有序
        stringAppend = "jsapi_ticket=" + jsapi_ticket +
                "&noncestr=" + nonce_str +
                "&timestamp=" + timestamp +
                "&url=" + url;
        System.out.println(stringAppend);

        try
        {
            MessageDigest crypt = MessageDigest.getInstance("SHA-1");
            crypt.reset();
            crypt.update(stringAppend.getBytes("UTF-8"));
            signature = byteToHex(crypt.digest());
        }
        catch (NoSuchAlgorithmException e)
        {
            e.printStackTrace();
        }
        catch (UnsupportedEncodingException e)
        {
            e.printStackTrace();
        }

        ret.put("url", url);
        ret.put("jsapi_ticket", jsapi_ticket);
        ret.put("nonceStr", nonce_str);
        ret.put("timestamp", timestamp);
        ret.put("signature", signature);
        ret.put("appId", WX_APPID);

        return ret;
    }

    private static String byteToHex(final byte[] hash) {
        Formatter formatter = new Formatter();
        for (byte b : hash)
        {
            formatter.format("%02x", b);
        }
        String result = formatter.toString();
        formatter.close();
        return result;
    }
/**
     * 随机字符串
     */
    public String create_nonce_str() {
        return UUID.randomUUID().toString();
    }

    /**
     * 时间戳
     * @return
     */
    private static String create_timestamp() {
        return Long.toString(System.currentTimeMillis() / 1000);
    }
生成wx.config
public Map<String,String> wxConfig(String url) {
        String jsapi_ticket = ticketAll;

        // 注意 URL 一定要动态获取，不能 hardcode
        Map<String, String> ret = sign(jsapi_ticket, url);
        for (Map.Entry entry : ret.entrySet()) {
            System.out.println(entry.getKey() + ", " + entry.getValue());
        }
        return ret;
    }
接口返回wx.config
/**
     * 获取wechatConfig信息
     * @param url   访问页面的地址
     * @return
     */
    @GetMapping("/getWechatConfig")
    public Map<String,String> getWechatConfig(String url){
        return wechatUtil.wxConfig(url);
    }

前端代码(完整代码在附录)

分享接口文档
引入JS文件

<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js" type="text/javascript"></script>

JS代码

//将url 存进缓存下
var url = "https://" + window.location.host; //服务器的url
var urlCureent = encodeURIComponent(location.href); //当前页面的url
$.ajax({
                async:true,
                dataType:"json",
                type:"GET",
                url: url + "/verification/getWechatConfig?url=" + urlCureent,
                contentType: "application/json; charset=utf-8",
                success:function(data){
                    wx.config({
                        debug: 0,
                        appId: data.appId,
                        timestamp: data.timestamp,
                        nonceStr: data.nonceStr,
                        signature: data.signature,
                        jsApiList: ["updateAppMessageShareData", "updateTimelineShareData","onMenuShareTimeline","onMenuShareAppMessage"]
                    });
                    wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
                        wx.updateAppMessageShareData({
                            title: cardVo.cardName + "个人名片", // 分享标题
                            desc: cardVo.cardNameEn + "'s card", // 分享描述
                            link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                            imgUrl: url + cardVo.cardImg, // 分享图标
                            success: function () {
                                console.log("success");// 设置成功
                            }
                        });

                        wx.updateTimelineShareData({
                            title: cardVo.cardName + "个人名片", // 分享标题
                            link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                            imgUrl: url + cardVo.cardImg, // 分享图标
                            success: function () {
                                console.log("success2");// 设置成功
                            }
                        });

                        wx.onMenuShareTimeline({
                            title: cardVo.cardName + "个人名片", // 分享标题
                            desc: cardVo.cardNameEn + "'s card", // 分享描述
                            link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                            imgUrl: url + cardVo.cardImg, // 分享图标
                        });

                        wx.onMenuShareAppMessage({
                            title: cardVo.cardName + "个人名片", // 分享标题
                            link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                            imgUrl: url + cardVo.cardImg, // 分享图标
                        });
                    });
                }
            });

测试

在这里插入图片描述
可以看到已经成功获取JSSDK 权限

附录

后端完整代码

微信工具类.java
import com.alibaba.fastjson.JSON;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.context.annotation.PropertySource;
import org.springframework.scheduling.annotation.Scheduled;
import org.springframework.stereotype.Component;

import java.io.UnsupportedEncodingException;
import java.security.MessageDigest;
import java.security.NoSuchAlgorithmException;
import java.util.HashMap;
import java.util.Map;
import java.util.UUID;
import java.util.Formatter;


/**
 * @program:gzdm
 * @author:wihenne
 * @creatTime:2021/05/05
 **/
@Component
@PropertySource({"classpath:application.properties"})
public class WechatUtil {
    @Value("${WX_APPID}")
    String WX_APPID;
    @Value("${WX_APPSECRET}")
    String WX_APPSECRET;
    @Value("${WX_GRANTTYPE}")
    String WX_GRANTTYPE;

    @Autowired
    HttpUtil httpUtil;
    public static String tokenAll;            //微信公众号的accessToken对象，由于请求次数有限制，这里使用全局静态变量保存起来
    public static String ticketAll;//使用全局静态变量存储ApiTicket对象，当然如果使用缓存框架保存当然更好，这边只是做一个简单示例
    //用于下面返回随机字符串的函数
    private final static String string = "0123456789";
    final private static char[] chars = string.toCharArray();

    /**
     * 获取公众号的ACCESS_TOKEN
     *
     * @return string
     */
    //刷新access_token 100分钟刷新一次,服务器启动的时候刷新一次（access_token有效期是120分钟，我设置的是每100分钟刷新一次）
    @Scheduled(initialDelay = 1000, fixedDelay = 100*60*1000)
    public String getAccessToken() {
        Map<String,String> resultMap=new HashMap<>();
        //获取access_token
        String url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid={appid}&secret={secret}";
        //设置参数
        Map<String, Object> map = new HashMap<>();
        map.put("appid", WX_APPID);
        map.put("secret", WX_APPSECRET);
        //发送get请求
        String accessTokenResult = ((Map<String, String>) JSON.parse(httpUtil.GETclient(url, map))).get("access_token");
        tokenAll = accessTokenResult;
        return accessTokenResult;
    }

    /**
     * 获取jsapiTicket
     *
     * @return map
     */
    @Scheduled(initialDelay = 1000, fixedDelay = 100*60*1000)
    public String getJsapiTicket() {
        Map<String,Object> map=new HashMap<>();
        String url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token={ACCESS_TOKEN}&type=jsapi";
        //设置参数
        map.put("ACCESS_TOKEN", getAccessToken());
        //发送get请求
        String ticket = ((Map<String, String>) JSON.parse(httpUtil.GETclient(url, map))).get("ticket");
        ticketAll = ticket;
        return ticket;
    }

    /**
     * 生成wx.config
     *
     * @return map
     */
    public Map<String,String> wxConfig(String url) {
        String jsapi_ticket = ticketAll;

        // 注意 URL 一定要动态获取，不能 hardcode
        Map<String, String> ret = sign(jsapi_ticket, url);
        for (Map.Entry entry : ret.entrySet()) {
            System.out.println(entry.getKey() + ", " + entry.getValue());
        }
        return ret;
    }


    /**
     * 签名
     * @return
     */
    public Map<String, String> sign(String jsapi_ticket, String url){
        Map<String,String> ret = new HashMap<String, String>();
        String nonce_str = create_nonce_str();
        String timestamp = create_timestamp();
        String stringAppend;
        String signature = "";

        //注意这里参数名必须全部小写，且必须有序
        stringAppend = "jsapi_ticket=" + jsapi_ticket +
                "&noncestr=" + nonce_str +
                "&timestamp=" + timestamp +
                "&url=" + url;
        System.out.println(stringAppend);

        try
        {
            MessageDigest crypt = MessageDigest.getInstance("SHA-1");
            crypt.reset();
            crypt.update(stringAppend.getBytes("UTF-8"));
            signature = byteToHex(crypt.digest());
        }
        catch (NoSuchAlgorithmException e)
        {
            e.printStackTrace();
        }
        catch (UnsupportedEncodingException e)
        {
            e.printStackTrace();
        }

        ret.put("url", url);
        ret.put("jsapi_ticket", jsapi_ticket);
        ret.put("nonceStr", nonce_str);
        ret.put("timestamp", timestamp);
        ret.put("signature", signature);
        ret.put("appId", WX_APPID);

        return ret;
    }

    private static String byteToHex(final byte[] hash) {
        Formatter formatter = new Formatter();
        for (byte b : hash)
        {
            formatter.format("%02x", b);
        }
        String result = formatter.toString();
        formatter.close();
        return result;
    }

    //Sha1加密
    public static String getSha1(String str){
        if(str==null||str.length()==0){
            return null;
        }
        char hexDigits[] = {'0','1','2','3','4','5','6','7','8','9',
                'a','b','c','d','e','f'};
        try {
            MessageDigest mdTemp = MessageDigest.getInstance("SHA1");
            mdTemp.update(str.getBytes("UTF-8"));

            byte[] md = mdTemp.digest();
            int j = md.length;
            char buf[] = new char[j*2];
            int k = 0;
            for (int i = 0; i < j; i++) {
                byte byte0 = md[i];
                buf[k++] = hexDigits[byte0 >>> 4 & 0xf];
                buf[k++] = hexDigits[byte0 & 0xf];
            }
            return new String(buf);
        } catch (Exception e) {

            return null;
        }
    }


    /**
     * 随机字符串
     */
    public String create_nonce_str() {
        return UUID.randomUUID().toString();
    }

    /**
     * 时间戳
     * @return
     */
    private static String create_timestamp() {
        return Long.toString(System.currentTimeMillis() / 1000);
    }
}
网络工具类.java
import org.springframework.http.*;
import org.springframework.stereotype.Component;
import org.springframework.util.LinkedMultiValueMap;
import org.springframework.util.MultiValueMap;
import org.springframework.web.client.RestTemplate;
import org.springframework.web.util.UrlPathHelper;

import javax.servlet.http.HttpServletRequest;
import java.io.UnsupportedEncodingException;
import java.util.Map;

/**
 * @program:gzdm
 * @author:wihenne
 * @creatTime:2021/05/06
 **/
@Component
public class HttpUtil {
    //发起GET请求
    public String GETclient(String url, Map<String, Object> map) {
        RestTemplate restTemplate = new RestTemplate();
        HttpHeaders headers = new HttpHeaders();
        headers.setContentType(MediaType.APPLICATION_JSON);
        String result = restTemplate.getForObject(url, String.class, map);
        return result;
    }
    //发起POST请求,获取图片字节
    public byte[] getCodeImgBytes(String url,Map<String,Object> param){
        RestTemplate restTemplate = new RestTemplate();
        MultiValueMap<String, String> headers = new LinkedMultiValueMap<>();
        HttpEntity requestEntity = new HttpEntity(param, headers);
        ResponseEntity<byte[]> entity = restTemplate.exchange(url, HttpMethod.POST, requestEntity, byte[].class, new Object[0]);
        byte[] result = entity.getBody();
        return result;
    }

    /**
     * 获得当前访问的URL路径
     * @param request
     * @return
     */
    public static String getLocation(HttpServletRequest request) {
        UrlPathHelper helper = new UrlPathHelper();
        StringBuffer buff = request.getRequestURL();
        String uri = request.getRequestURI();
        String origUri = helper.getOriginatingRequestUri(request);
        buff.replace(buff.length() - uri.length(), buff.length(), origUri);
        String queryString = helper.getOriginatingQueryString(request);
        if (queryString != null) {
            buff.append("?").append(queryString);
        }
        try {
            return new String(buff.toString().getBytes(), "iso-8859-1");
        } catch (UnsupportedEncodingException e) {
            return buff.toString();
        }
    }
}
controler交互
/**
     * 获取wechatConfig信息
     * @param url   访问页面的地址
     * @return
     */
    @GetMapping("/getWechatConfig")
    public Map<String,String> getWechatConfig(String url){
        return wechatUtil.wxConfig(url);
    }
js
//将url 存进缓存下
var url = "https://" + window.location.host;
var urlCureent = encodeURIComponent(location.href);
$.ajax({
                async:true,
                dataType:"json",
                type:"GET",
                url: url + "/verification/getWechatConfig?url=" + urlCureent,
                contentType: "application/json; charset=utf-8",
                success:function(data){
                    wx.config({
                        debug: 0,
                        appId: data.appId,
                        timestamp: data.timestamp,
                        nonceStr: data.nonceStr,
                        signature: data.signature,
                        jsApiList: ["updateAppMessageShareData", "updateTimelineShareData","onMenuShareTimeline","onMenuShareAppMessage"]
                    });
                    wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
                        wx.updateAppMessageShareData({
                            title: cardVo.cardName + "个人名片", // 分享标题
                            desc: cardVo.cardNameEn + "'s card", // 分享描述
                            link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                            imgUrl: url + cardVo.cardImg, // 分享图标
                            success: function () {
                                console.log("success");// 设置成功
                            }
                        });

                        wx.updateTimelineShareData({
                            title: cardVo.cardName + "个人名片", // 分享标题
                            link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                            imgUrl: url + cardVo.cardImg, // 分享图标
                            success: function () {
                                console.log("success2");// 设置成功
                            }
                        });

                        wx.onMenuShareTimeline({
                            title: cardVo.cardName + "个人名片", // 分享标题
                            desc: cardVo.cardNameEn + "'s card", // 分享描述
                            link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                            imgUrl: url + cardVo.cardImg, // 分享图标
                        });

                        wx.onMenuShareAppMessage({
                            title: cardVo.cardName + "个人名片", // 分享标题
                            link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                            imgUrl: url + cardVo.cardImg, // 分享图标
                        });
                    });
                }
            });

常见问题

获取JSSDK权限成功但分享无效果

官方建议使用wx.updateAppMessageShareData、wx.updateTimelineShareData，但是我当时无效果，再加上旧版本接口wx.onMenuShareTimeline、wx.onMenuShareAppMessage就可以了。

本地调试无效果

本地调试需要ngrok等外网穿透再做白名单

微信页面缓存

微信缓存机制，在js后面加个版本号即可。

<script type="text/javascript">
    var js = document.getElementById('cardJs');
    js.src = './gzdm/card.js?v='+ new Date().getTime();

    var css = document.getElementById('cardCss');
    css.href = './css/card.css?v='+ new Date().getTime();
</script>
今晚打老虎_
关注
  • 3
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解
01-19
最近开发一个项目时，有微信H5网页自定义分享功能，使用了微信JS-SDK的分享到好友和分享到朋友圈功能。 微信开发文档这样写的 自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0） wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.updateAppMessageShareData({ title: '', // 分享标题 desc: '', // 分享描述 link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: '', // 分享图标 success: function ()
微信分享报错errMsg: “updateAppMessageShareData:fail, the permission value is offline verifying“
热门推荐
qq_34164814的博客
09-26 1万+
微信分享报错errMsg: "updateAppMessageShareData:fail, the permission value is offline verifying"1.可能是手机微信版本不支持最新的分享方法，可以尝试使用旧版本2.使用的方法应该先声明一下，确定你使用的方法声明了。3.如果上面的两种方法都做了，或者之前运行没问题，也没改代码，就报错了，可能就是你的微信公众号认证到期了，记得去申请一下。 之前写的微信分享的功能，今天突然发现分享配置不对，排查下，发现报此错误；总结一下，希望可以给大
微信公众号自定义分享，updateAppMessageShareData都成功了，为什么分享出去的是个链接？
Jana Jing的分享
05-06 7440
请注意，原有的wx.onMenuShareTimeline、wx.onMenuShareAppMessage、wx.onMenuShareQQ、wx.onMenuShareQZone接口，即将废弃。 请尽快迁移使用客户端6.7.2及JSSDK 1.4.0以上版本支持的 wx.updateAppMessageShareData、wx.updateTimelineShareData接口。 注意： 1、目前还可以从公众号菜单进入分享、访问网页后添加到收藏，从我的收藏进入分享正常。 2、其他入口...
【解决】updateAppMessageShareData:fail, the permission value is offline verifying
huangfuyk.的博客
10-08 1万+
【问题】 使用微信SDK的分享接口wx.updateAppMessageShareData时，控制台出现‘updateAppMessageShareData:fail, the permission value is offline verifying’错误提示。 【解决】 jsApiList里面声明updateAppMessageShareData方法。 示例代码如下： wx.config({ debug: false, appId: data.appId, timestamp: dat
微信小程序wx.request拦截器使用详解
10-16
主要介绍了微信小程序wx.request拦截器详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
微信调用updateAppMessageShareData问题
weixin_42290377的博客
11-23 1万+
HI想必大家都遇到了微信官方分享功能的BUG了吧, 具体就是 调用updateAppMessageShareData方法后配置检查都返回OK状态但是不能调用分享面板了 其实,问题就是官方在不久之前更新了分享机制…所以这个方法只是"预设分享文案",并不是触动分享功能 微信分享机制更新： 1) 私聊如果直接发的链接地址，打开会有打开外链提示，且没有分享到朋友圈和发送给好友按钮； 2) 如果私聊发送微信分享后的安全链接，可以正常打开，且可分享； 3) 如果群聊发送链接地址或微信安全链接，也可以正常打开，且
wx.updateAppMessageShareData转发图如果有指定本地路径图片用本地图片，没有本地路径用默认的链接图片
weixin_56006480的博客
05-31 756
需要注意的是，如果要使用本地图片路径，需要保证图片在小程序的本地文件系统中存在，且路径格式正确。同时，使用本地图片可能会导致分享时的图片加载较慢，影响用户体验，建议使用链接图片路径。参数的值可以根据情况选择本地图片路径或链接图片路径。可以使用条件语句判断本地图片是否存在，如果存在则使用本地图片路径，否则使用链接图片路径。
一次微信公众号分享功能总结
qq_42539939的博客
07-19 1537
总结下微信开发的坑的经历
微信jssdk14分享给朋友updateAppMessageShareData not exist
HelloWorld!
04-16 875
换回老版本即可解决 updateAppMessageShareData --> onMenuShareAppMessage
SundayAaron微信小程序开发——wx.showToast(OBJECT)的使用
03-29
wx.showToast API是显示消息提示框的作用。  先让我们看一下官方的文档说明：  (此图片来源于网络，如有侵权，请联系删除! ) 注意：其中的图标，只支持”success”、”loading” 示例代码： wx.showToast({ title: '成功', icon: 'success', duration: 2000 }) 1 2 3 4 5 1 2 3 4 5 接下来演示如何使用，先打开微信web开发者工具，新建快速项目，删除掉首页没用的内容，保留如下部分。  (此图片来源于网络，如有侵权，请联系删除! )  添加两个按钮，同事添加点击事件。再在按钮上添加nav
微信小程序 wx.request 的封装
03-29
自学转行到前端也已近两年，也算是简书和掘金的忠实粉丝，但是以前一直惜字如金（实在是胆子小，水平又低），现在我决定视金钱如粪土（就只是脸皮厚了，水平就那样）,好了废话不多说，切入主题，最近自己尝试了一下小程序开发，坑么总是有的，但是我觉得还是request这部分实在是不好看，所以你懂得，我用Promise 对请求做了个简单封装。本文章所述方法主要针对第三方登录 废话不多说直接贴代码： 业务相关 js // 获取剩余金额 --- GET 请求无参数 getBalance: function () { api.getBalance().then(data => { let b
微信小程序网络请求wx.request详解及实例
08-30
主要介绍了微信小程序网络请求wx.request详解及实例的相关资料,需要的朋友可以参考下
关于微信小程序遇到的wx.request({})问题
03-29
域名请求错误问题 当我们在编写小程序，要发送请求时，wx.request({})时或许会遇到如下的问题： (此图片来源于网络，如有侵权，请联系删除! ) 一：这是因为微信小程序的开发中，域名只能是https方式请求，所以我们必须在小程序微信公众平台设置小程序开发设置，配置服务器合法域名（必须是https） 如下图所示： (此图片来源于网络，如有侵权，请联系删除! ) 二：如果你的所有配置都是准确的，只是你的后台数据设置的域名为http，那么需要你在如下界面，勾选最后一个选项（这个目前解决的为开发中遇到的问题） (此图片来源于网络，如有侵权，请联系删除! )
JEECG表格选中状态怎么去掉
weixin_39031037的博客
04-19 589
官网代码（在取消选中状态的时候不生效）
vue2---修饰符
最新发布
weixin_45503872的博客
04-24 1002
此时有一个问题，如果我们设置了系统修饰符，并不希望有其他的按键组合，比如我们设置ctrl修饰符，此时如果按住ctrl和其他键，然后再点击鼠标，此时也会触发事件监听，所以我需要使用其他的修饰符来设置精确匹配事件。此时People的data返回的是一个对象，不是一个地址，每一个实例拿到的都是个独立，个体的对象，互相不会数据冲突，这个就是vue组件data为什么是函数的原因。data是一个函数，返回的是一个对象，目的是为了让每个组件数据隔离，这个是JavaScript的原理，并不是vue去设计的。
一个小时学习javaScript
weixin_43064364的博客
04-20 937
JavaScript 是一种广泛使用的编程语言，最初被设计来增加网页的交互性，让用户能够与网页上的元素进行互动。自从1995年被引入以来，JavaScript已经发展成为Web开发中不可或缺的一部分，并且其用途已经大大扩展到了网页之外。
JavaScript 高性能编程 —— Data Access 数据访问
cccloveforever的博客
04-20 1515
经典计算机科学的一个问题是确定数据应当存放在什么地方，以实现最佳的读写效率。数据存储在哪里， 关系到代码运行期间数据被检索到的速度。在 JavaScript 中，此问题相对简单，因为数据存储只有少量方 式可供选择。正如其他语言那样，数据存储位置关系到访问速度。每一种数据存储位置都具有特定的读写操作负担。大多数情况下，对一个直接量和一个局部变量数据访 问的性能差异是微不足道的。访问数组项和对象成员的代价要高一些，具体高多少，很大程度上依赖于浏 览器。
wx.updateappmessagesharedata
09-01
wx.updateAppMessageShareData是微信小程序中的一个API，用于更新发送给朋友的消息分享内容。 该API的作用是在用户点击页面分享按钮后，可以通过该方法更新分享内容，包括分享标题、分享描述、分享页面的地址和分享图片的地址。 在使用wx.updateAppMessageShareData之前，需要先调用wx.onMenuShareAppMessage方法注册页面的分享回调函数。当用户点击页面的分享按钮时，会触发注册的分享回调函数。 在分享回调函数中，可以通过wx.updateAppMessageShareData方法来更新分享内容。具体的调用方式是传入一个对象，对象中包含了要更新的分享内容的各个字段，如title、desc、link和imgUrl。 值得注意的是，在调用wx.updateAppMessageShareData方法时，需要注意分享内容的更新时机。一般来说，最好等到用户点击分享按钮后再调用该方法，以确保分享内容是最新的。 另外，wx.updateAppMessageShareData需要用户授权才能生效。如果用户在分享时没有授权，则调用该方法没有任何效果。 总的来说，wx.updateAppMessageShareData是一个用于更新页面分享内容的方法，它可以在用户点击分享按钮后，动态地更新分享标题、描述、链接和图片的地址。通过使用该API，开发者可以自定义分享内容，提高用户分享的效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值