更新时间:2025-02-14 15:16:26
作者:爱短链

微信自定义分享链接主要涉及后端签名生成、前端js-sdk的引入和配置,以及具体的分享内容设置。以下是实现微信自定义分享链接的详细步骤:

一、前提条件

  1. 微信公众号认证:需要一个已认证的微信公众号,个人公众号可能无法获取全部接口权限,通常需要企业资质。
  2. 域名备案:拥有一个经过icp备案的域名,并将该域名绑定到微信公众平台。

二、后端签名生成

  1. 获取appid和appsecret:登录微信公众平台,进入“开发”->“基本配置”,获取appid和appsecret。
  2. 获取access_token:使用appid和appsecret,通过get请求到来获取access_token。access_token有效期为7200秒,开发者需要在自己的服务全局缓存access_token。
  3. 获取jsapi_ticket:使用上一步获取的access_token,通过get请求到来获取jsapi_ticket。jsapi_ticket同样需要缓存,且其有效期也为7200秒。
  4. 生成签名:根据获取的jsapi_ticket、当前页面的url(需要encodeuricomponent)、noncestr(随机字符串)、timestamp(当前时间戳)等信息,使用sha1加密算法生成签名。

三、前端配置与分享内容设置

  1. 引入微信js-sdk:在需要自定义分享的页面,通过(注意版本号可能更新,请以最新为准)。

  2. 权限验证配置:使用后端生成的签名、appid、timestamp、noncestr等信息,调用wx.config方法进行权限验证配置。

  3. 设置分享内容:

    • 通过wx.ready()处理验证成功的情况,此时可以调用其他微信js接口。
    • 使用wx.onmenusharetimeline接口设置分享到朋友圈的标题、链接、图标等信息。
    • 使用wx.onmenushareappmessage接口设置分享给朋友的标题、描述、链接、图标等信息。

四、注意事项

  1. 确保签名的有效性:避免签名过期导致分享失败。在生成签名时,需要对当前页面的url进行encodeuricomponent编码。
  2. 服务端缓存:建议在服务端缓存access_token和jsapi_ticket,以减少请求次数和提高效率。
  3. 调试与测试:使用微信开发者工具进行调试,以便及时发现和解决问题。上线前务必关闭debug模式,并清理手机缓存以避免潜在的问题。

通过以上步骤,可以实现微信自定义分享链接的功能,让分享内容更加符合需求。

爱短链平台各工具使用方法及功能汇总

短链接

活码系统

微信外链

抖音卡片

相关搜索

用户喜欢

让每一次点击,每一次扫码,都成为一次客户增长

添加客服微信

爱短链客服微信

咨询领取专属优惠

(注意版本号可能更新,请以最新为准)。\r\n\t\t\t\u003c/p>\r\n\t\t\u003c/li>\r\n\t\t\u003cli>\r\n\t\t\t\u003cp>\r\n\t\t\t\t权限验证配置:使用后端生成的签名、appid、timestamp、noncestr等信息,调用wx.config方法进行权限验证配置。\r\n\t\t\t\u003c/p>\r\n\t\t\u003c/li>\r\n\t\t\u003cli>\r\n\t\t\t\u003cp>\r\n\t\t\t\t设置分享内容:\r\n\t\t\t\u003c/p>\r\n\t\t\t\u003cul>\r\n\t\t\t\t\u003cli>\r\n\t\t\t\t\t通过wx.ready()处理验证成功的情况,此时可以调用其他微信js接口。\r\n\t\t\t\t\u003c/li>\r\n\t\t\t\t\u003cli>\r\n\t\t\t\t\t使用wx.onmenusharetimeline接口设置分享到朋友圈的标题、链接、图标等信息。\r\n\t\t\t\t\u003c/li>\r\n\t\t\t\t\u003cli>\r\n\t\t\t\t\t使用wx.onmenushareappmessage接口设置分享给朋友的标题、描述、链接、图标等信息。\r\n\t\t\t\t\u003c/li>\r\n\t\t\t\u003c/ul>\r\n\t\t\u003c/li>\r\n\t\u003c/ol>\r\n\u003c/p>\r\n\u003cp style=\"text-indent:2em;\">\r\n\t四、注意事项\r\n\u003c/p>\r\n\u003cp style=\"text-indent:2em;\">\r\n\t\u003col>\r\n\t\t\u003cli>\r\n\t\t\t确保签名的有效性:避免签名过期导致分享失败。在生成签名时,需要对当前页面的url进行encodeuricomponent编码。\r\n\t\t\u003c/li>\r\n\t\t\u003cli>\r\n\t\t\t服务端缓存:建议在服务端缓存access_token和jsapi_ticket,以减少请求次数和提高效率。\r\n\t\t\u003c/li>\r\n\t\t\u003cli>\r\n\t\t\t调试与测试:使用微信开发者工具进行调试,以便及时发现和解决问题。上线前务必关闭debug模式,并清理手机缓存以避免潜在的问题。\r\n\t\t\u003c/li>\r\n\t\u003c/ol>\r\n\u003c/p>\r\n\u003cp style=\"text-indent:2em;\">\r\n\t通过以上步骤,可以实现微信自定义分享链接的功能,让分享内容更加符合需求。\r\n\u003c/p>",408,1775446554,"2025-02-14 15:16:26","爱短链","3","","微信自定义分享链接主要涉及后端签名生成、前端js-sdk的引入和配置,以及具体的分享内容设置。以下是实现微信自定义分享链接的详细步骤:",2,[18],{"tag_name":19,"tag_id":20},"微信外链",3,{"article_title":22,"id":23},"微信小程序短链接生成网页网址",43285,{"article_title":25,"id":26},"抖音获客工具",43287,[],[],[],[],false,{"title":6,"desc":15,"keyword":14},{},{},["reactive",36],{"$sviewportstate":37},"desktop",["set"],["shallowreactive",40],{"article-detail-43286":-1},true,"/details/43286",["reactive",44],{"pc":45,"comm":55,"dash":61,"pay":136,"tips":161},{"scrolly":46,"loginvisible":48,"loginurl":50,"partner":52,"pckefuvisible":53,"pckefuprefix":54},["emptyref",47],"0",["emptyref",49],"false",["emptyref",51],"\"\"",["emptyref",51],["emptyref",49],["emptyref",51],{"vipvisible":56,"vipapptype":57,"selectviplevel":59,"apptype":60},["emptyref",49],["ref",58],1,["ref",58],["emptyref",47],{"mainfunclist":62,"userinfo":65,"beautyqrvisible":91,"beautyqritem":92,"beautyqrurl":95,"beautyqroptions":96,"adcallbackvisible":128,"adcallbackitem":129,"citylist":132,"kefuvisible":135},["ref",63],["reactive",64],[],["ref",66],["reactive",67],{"renew_popup_list":68,"limit_popup_stat":69,"chain_last_vip_level":69,"card_last_vip_level":69,"wxwork_last_vip_level":69,"qrcode_last_vip_level":69,"kefu_last_vip_level":69,"dy_popup":69,"nickname":14,"vip_name":14,"vip_name2":14,"vip_name3":14,"vip_name4":14,"user_money":14,"phone":14,"email":14,"vip_time":14,"vip_time2":14,"vip_time3":14,"vip_time4":14,"uid":69,"is_bind":69,"is_bind_phone":69,"auth_map":70,"auth_map2":76,"auth_map3":82,"auth_map4":87,"link":14,"is_follow_applet":69,"login_channel":14,"img":14,"kefu_status":41,"tiktok_status":69,"popup_stat":69,"qr_status":31,"sms_num":69,"qr_point":69,"sms_hidden":69,"is_domestic":69,"customer_display":31,"oem_pv":69,"reg_time":14,"system_conf":90},[],0,{"1":71,"3":72,"5":73,"6":74,"7":75},{"chain_num":69,"use_num":69,"jump_limit":69,"create_limit":69},{"chain_num":69,"use_num":69,"jump_limit":69,"create_limit":69},{"chain_num":69,"use_num":69,"jump_limit":69,"create_limit":69},{"chain_num":69,"use_num":69,"jump_limit":69,"create_limit":69},{"chain_num":69,"use_num":69,"jump_limit":69,"create_limit":69},{"8":77,"9":78,"21":79,"33":80,"34":81},{"chain_num":69,"use_num":69,"jump_limit":69,"create_limit":69},{"chain_num":69,"use_num":69,"jump_limit":69,"create_limit":69},{"chain_num":69,"use_num":69,"jump_limit":69,"create_limit":69},{"chain_num":69,"use_num":69,"jump_limit":69,"create_limit":69},{"chain_num":69,"use_num":69,"jump_limit":69,"create_limit":69},{"10":83,"22":84,"23":85,"24":86},{"link_num":69,"create_limit":69,"use_num":69,"reception_num":69,"jump_limit":69,"reception_limit":69},{"use_num":69,"link_num":69,"jump_limit":69,"create_limit":69},{"chain_count":69,"seat_count":69,"free_num_limit":69,"seat_num_limit":69,"add_num_limit":69,"free_time_limit":69,"free_time":69,"free_auth_status":69,"chat_group_limit":69,"chat_group_num":69},{"use_num":69,"link_num":69,"jump_limit":69,"create_limit":69},{"3":88},{"create_limit":69,"jump_limit":69,"use_num":69,"chain_num":69,"create_num":89},[],{"dy_card_share_type":69},["emptyref",49],["ref",93],["reactive",94],{"render_url":14,"id":69},["emptyref",51],["ref",97],["reactive",98],{"width":99,"height":99,"type":100,"data":101,"image":14,"margin":102,"qroptions":103,"imageoptions":106,"dotsoptions":109,"backgroundoptions":118,"cornerssquareoptions":120,"cornersdotoptions":122},180,"canvas","https://aifabu.com",10,{"typenumber":69,"mode":104,"errorcorrectionlevel":105},"byte","q",{"hidebackgrounddots":41,"imagesize":107,"margin":16,"crossorigin":108},0.4,"anonymous",{"gradient":110,"type":117},{"type":111,"rotation":69,"colorstops":112},"linear",[113,115],{"offset":69,"color":114},"#8688b2",{"offset":58,"color":116},"#35495e","rounded",{"color":119},"#fff",{"color":116,"type":121},"extra-rounded",{"type":123,"gradient":124},"dot",{"type":111,"rotation":99,"colorstops":125},[126,127],{"offset":69,"color":116},{"offset":58,"color":116},["emptyref",49],["ref",130],["reactive",131],{},["ref",133],["reactive",134],[],["emptyref",49],{"payvisible":137,"pay_type":138,"type":139,"viplevel":140,"viptimetype":141,"vipmoneymaps":142,"bannerlist":145,"selectviplevelindex":148,"payapptype":150,"money":151,"paysuccess":152,"wechatqrtext":153,"alipayurl":154,"paydatabflogin":155,"mobilewebpaying":158,"mobilewebrepayurl":159,"mobilewebpaychecking":160},["emptyref",49],["ref",58],["ref",58],["emptyref",47],["ref",58],["ref",143],["reactive",144],{},["ref",146],["reactive",147],[],["ref",149],-1,["ref",149],["emptyref",47],["emptyref",49],["emptyref",51],["emptyref",51],["ref",156],["reactive",157],{"apptype":149,"selectviplevelindex":149},["emptyref",49],["emptyref",51],["emptyref",49],{"tipsvisible":162,"tipsinfo":163},["emptyref",49],["ref",164],["reactive",165],{"title":14,"content":14,"type":166,"confirmtext":167,"canceltext":168},"info","确定","取消"]
网站地图