需求描述:我们需要将用户输入的内容,拼接我们定义好的内容生成一个短连接,并可以登录。

因为之前也没有搞过哦,所以评审结束完之后我就把当前的需求描述给ChatGPT,不得不说,这玩意确实好用啊,让你的工作效率大大提升。

是说让你去bitly官方的Api,通过调取他们的接口,会把转换好短连接作为出参的方式返给你。

但是呢,有个前提呢,是需要去注册,然后bitly官方会给你生成一个token,把这个token作为请求头,发给官方,当得知这一点之后哈,我就马不停蹄的去跟产品说,让他立马去申请的哈。

具体链接:URL Shortener - Short URLs & Custom Free Link Shortener | Bitly

获取token之后,代码片段直接放在下面,里面也会有必要的解释,根据自己的业务需求去做相对应的代码调整就好。

//生成 按钮的方法
async generateUrl() {const { clientId, shopAddress } = this.step2Formif (!clientId || !shopAddress || this.generateLoading === true) returnthis.generateLoading = truelet redirect_uriconst obj = {'uat': _ => {this.step2Form.redirectionUrl = redirect_uri = 'https://demovip.jtexpress.sg?integration=shopify'},'development': _ => {this.step2Form.redirectionUrl = redirect_uri = 'https://demovip.jtexpress.sg?integration=shopify'},'production': _ => {this.step2Form.redirectionUrl = redirect_uri = 'https://vip.jtexpress.sg?integration=shopify'}}obj[process.env.VUE_APP_ENV_NAME]()const long_url = `https://${shopAddress}.myshopify.com/admin/oauth/authorize?client_id=${clientId}&scope=write_orders,write_shipping,write_merchant_managed_fulfillment_orders,write_third_party_fulfillment_orders,write_assigned_fulfillment_orders&redirect_uri=${redirect_uri}`// 调用第三方api 【bitly】const { data } = await axios({method: 'post',url: 'https://api-ssl.bitly.com/v4/shorten',timeout: 60 * 1000,data: JSON.stringify({long_url,domain: 'bit.ly'// 固定值}),headers: {'Content-Type': 'application/json','Authorization': '08dbf5e438254ebaa1807a2741306dc97ecf7de1'// 此参数需要产品注册【bitly】账号,获取token}})console.log('												

前端通过【bitly】Api,将长链接转换短连接相关推荐

  1. HTTP长链接与短连接?

    目录 前言 1. 长链接是什么? RST包是什么? 2. 长链接的过期时间 3.长连接的数据传输完成识别 4.TCP通道复用(长连接)并发连接数的数量限制 5.容易混淆的概念--TCP的keep al ...

  2. 长链接转短链接java_新浪短网址API接口 - 长链接转短链接

    新浪短网址API接口是新浪对外公开的短网址生成接口,可以将长链接转短链接(生成的是 http://t.cn/xxxx 格式的),分享一个自己收藏的api接口,使用快一年了,一直都挺稳定的,觉得不错可以 ...

  3. 新浪短链接服务Android,新浪长链接转短连接API

    /** * URL地址长短切换,由sina新浪短链接API生成 * User: chenqt * Date: 2016/8/23 * Time: 18:45 */ class UrlSwitch { ...

  4. php将长url转成短链接,php将URL长链接转换短链接的两种方法

    短网址(Short URL) ,顾名思义就是在形式上比较短的网址.在Web 2.0的今天,不得不说,这是一个潮流.目前已经有许多类似服务,借助短网址您可以用简短的网址替代原来冗长的网址,让使用者可以更 ...

  5. 代码工具---长链接转换短链接

    方式一 缺点:数据加密性不好,容易被猜出来,比如,产生数据:00001.然后被恶意撞库00002 优点:严格的自增id,不会产生重复的短key maven 依赖 <dependency>& ...

  6. 怎么把淘宝长链接转换成可以在新浪微博,微信发布的短链接?

    分享淘宝商品宝贝的淘客都知道,商品的详情页链接太长在微博,微信发布的话太占用字符空间了,而且过长的链接很不正规用户难以接受.所以我们需要将这些长链接转换缩短成一个非常短的短链接再发布.所有短链接服务商 ...

  7. C#长链接转短链接(调用新浪api)

     /// <summary>  /// 长链接转短链接  /// </summary>  /// <param name="longUrl"> ...

  8. 带地址参数的长链接转换成短链接分享

    项目中的长链接中有二维码的地址,二维码的地址中又有用户的参数,出现了两个?,分享出去很不好看还有问题,使用了新浪等的长链接转短链接总会截断第二个问号后的数据. 我自己去网站扒了一个长链接转短链接的接口 ...

  9. 【短链接】——新浪、百度、搜狐等官方长链接转短链接

    在项目中难免会生成自己的跳转链接,为了简化链接以及防止微信等屏蔽,可以用一些官方的api将自己的链接转为短链接. ConvertShortUrlUtil.java public class Conve ...

最新文章

  1. 深度摄影风格转换--Deep Photo Style Transfer
  2. 一分钟教你用Excel从统计局抓数据!
  3. A - Tit for Tat CodeForces - 1516A
  4. el-table数据不显示_数据透视表,一篇就够了
  5. Excel对话框大全
  6. python写梦幻西游手游脚本_AirtestIDE实践一:梦幻西游手游师门任务自动化
  7. 车载android 电源管理
  8. 高数_第2章多元函数微分学__偏导数的几何应用_空间曲线的切线与法平面
  9. dsolve函数的功能_MATLAB 求解常微分方程的函数是dsolve()。
  10. python制作qq机器人
  11. Transcend带来4TB/8TB私人云储存解决方案Storejet
  12. php gb18030 utf-8,Unicode UTF-8与GB18030编码解析(golang)
  13. Flink Window Function
  14. Android面试题目及其答案
  15. 南怀瑾老师:人最大的毛病就是不敢承认“心即是佛、心即是道
  16. 计算机初级试卷,计算机初级试题及答案
  17. Java数据类型及拓展面试题
  18. MinGW-w64简介
  19. java数组length是下标_数组的下标与长度
  20. 前沿重器[28] | 前沿的向量召回都是怎么做的

热门文章

  1. Blender雕刻模块:2.81新功能遮罩提取(Mask Extract)
  2. 1186: 零起点学算法93——改革春风吹满地(C)
  3. Autojs-QQ每日定时给女票/男票/闺蜜/基友发送一句话
  4. 给求职者的启示:发送求职邮件时的忌讳
  5. 基于上下文的业务流建模法(二)
  6. oracle中varchar2类型的字段长度单位默认是按照byte来定义
  7. 前端实习工作找不到,怎么增长实战经验
  8. 熠龙时空PC端职教模块
  9. 笔记本电脑怎么做计算机题吗,笔记本怎么重装系统 笔记本重装电脑简单教程【图文教程】...
  10. 如何在web端登录企业邮箱? 163企业邮箱怎么登陆?