npm 包 goo.gl 使用教程

简介

goo.gl 是 Google 提供的一个 URL 缩短服务。使用它可以将长网址转换为短网址,让用户更方便地分享链接。npm 包 goo.gl 可以在前端项目中轻松集成该服务,并提供简单的 API 用于生成短链接和获取原始链接等操作。

安装

首先,要使用 npm 包 goo.gl,需要在项目目录下运行以下命令安装:

--- ------- ------ ------

使用

初始化

在代码中引入 goo.gl 模块并初始化:

----- ----- - ------------------
----- ----- - --- --------

生成短链接

使用 goo.gl 的 shorten 方法可以将原始链接转换为短链接。代码如下:

---------------------------------------
  -------------- ---------- -
    ------------------ ------ ----------
  --
  --------------- ----- -
    ----------------------- -----
  ---

输出结果如下:

----- ---- ---------------------

其中 XXXXXX 是 goo.gl 生成的短代码。

获取原始链接

使用 goo.gl 的 expand 方法可以根据短链接获取原始链接。代码如下:

-------------------------------------
  -------------- --------- -
    ----------------- ------ ---------
  --
  --------------- ----- -
    ----------------------- -----
  ---

输出结果如下:

---- ---- ----------------------

注意事项

  • goo.gl 需要联网才能正常工作。
  • 短链接生成和原始链接获取都是异步操作,需要使用 Promise 进行处理。

总结

npm 包 goo.gl 是一个非常方便的 URL 缩短服务集成方式。通过简单的 API,前端开发者可以轻松地将 goo.gl 集成到自己的项目中,并且提供了方便的方法来生成短链接和获取原始链接。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/51056


猜你喜欢

  • npm 包 array-each 使用教程

    在前端开发中,我们经常需要对数组进行遍历操作。而 array-each 是一个可以帮助我们快速遍历数组的 npm 包。本文将详细介绍如何使用 array-each 包。

    6 年前
  • npm 包 object.defaults 使用教程

    在前端开发中,我们经常会需要处理对象。而 npm 上的 object.defaults 包可以帮助我们更方便地处理对象。本文将介绍如何使用该包,并提供一些示例代码。

    6 年前
  • npm 包 fined 使用教程

    简介 fined 是一个用于查找文件的 npm 包,它可以根据指定的规则在指定的目录中查找文件。这个包可以作为一个命令行工具使用,也可以作为一个 Node.js 模块进行编程调用。

    6 年前
  • npm 包 liftoff 使用教程

    liftoff 是一个基于 Node.js 的命令行工具启动器,可让你轻松编写和管理自己的命令行应用程序。本文将介绍如何使用 npm 包 liftoff 来创建和管理自己的命令行应用程序。

    6 年前
  • npm 包 grunt-contrib-jshint 使用教程

    简介 grunt-contrib-jshint 是一个可以在 Grunt 中使用的 JavaScript 语法检测工具。它基于 JSHint,可以帮助前端开发者保持代码规范和质量,并降低错误率。

    6 年前
  • npm 包 `parse-passwd` 使用教程

    介绍 parse-passwd 是一个 Node.js 模块,它提供了解析 Unix/Linux 系统 /etc/passwd 文件的功能。该模块可用于获取用户账户信息,例如用户名、密码、用户 ID、...

    6 年前
  • npm 包 extend-shallow 使用教程

    extend-shallow 是一个小巧、高效的 JavaScript 函数库,它提供了一种浅拷贝对象的方法,可以很方便地将多个对象合并成一个新的对象。在前端开发中,我们经常需要处理对象合并的操作,e...

    6 年前
  • npm 包 snapdragon-lexer 使用教程

    简介 Snapdragon-lexer 是一个基于 SnapDragon 引擎的词法分析器,它可以将输入的文本流转换成标记流。它是一个小巧且高效的工具,可以帮助前端开发人员处理各种输入数据,并生成相应...

    6 年前
  • npm 包 tokenize-comment 使用教程

    什么是 tokenize-comment? tokenize-comment 是一个帮助开发者解析 JavaScript 代码中注释的 npm 包,它可以将注释中的每个单词、标点符号等分离开来,并提供...

    6 年前
  • npm 包 through2 使用教程

    through2 是一个常用的 Node.js 流转换库,它可以帮助开发者简化流操作。在前端开发中,我们通常会使用到这个包来处理文件流。本篇文章将详细介绍 through2 的使用方法。

    6 年前
  • npm 包 sort-by-value 使用教程

    当我们需要对一个对象进行排序时,通常会使用 JavaScript 中的 Array.prototype.sort() 方法。但是这个方法只能对数组进行排序,如果我们想要对对象进行排序,就需要使用第三方...

    6 年前
  • NPM 包 Sections 使用教程

    在前端开发中,我们经常需要使用各种 NPM 包来辅助我们完成项目的开发。虽然市面上已有很多优秀的 NPM 包,但是有些情况下我们需要自己编写或者修改一个 NPM 包,这时候就需要学习如何使用 npm ...

    6 年前
  • 使用 Pretty Remarkable 插件改善你的 Markdown 渲染体验

    简介 Markdown 是一种非常流行的文本标记语言,广泛应用于各个领域,特别是在编写技术文档、博客等方面。但是,通过纯粹的 Markdown 进行文档排版时,有时候无法满足我们更高级的需求,比如需要...

    6 年前
  • npm 包 minimist 使用教程

    简介 minimist 是一个轻量级的命令行参数解析工具,它可以帮助我们在 Node.js 应用中解析命令行参数。使用 minimist 可以让我们在代码中更方便地获取和处理命令行选项和参数。

    6 年前
  • npm 包 log-ok 使用教程

    简介 在前端开发中,很多时候需要输出日志信息来调试和排查问题,而 console.log 虽然是最常见的方法,但是存在诸多问题: 在生产环境中可能会造成性能问题 输出信息的格式不够清晰、易读 需要手...

    6 年前
  • npm 包 gulp-mocha 使用教程

    简介 gulp-mocha 是一个流工程的测试工具,它可以帮助开发者在前端项目中进行单元测试和集成测试。gulp-mocha 提供了丰富的 API,使得测试代码编写、执行、报告都变得更加方便。

    6 年前
  • npm 包 istanbul-text-full-reporter 使用教程

    简介 Istanbul 是一款 JavaScript 代码覆盖率工具,它可以帮助我们检测代码中哪些部分被测试覆盖了,哪些没有覆盖。而 istanbul-text-full-reporter 就是一个基...

    6 年前
  • npm 包 istanbul-threshold-checker 使用教程

    介绍 istanbul-threshold-checker 是一个基于 istanbul 的 npm 包,用于检查代码覆盖率是否达到预期阈值。它可以帮助开发者在持续集成和部署流程中自动化检查代码覆盖率...

    6 年前
  • npm 包 gulp-istanbul 使用教程

    简介 gulp-istanbul 是一个基于 Gulp 的代码覆盖率工具,它可以生成覆盖率报告,帮助开发人员更好地了解代码质量。它支持多种输出格式,并与 Mocha、Jasmine、Karma 等测试...

    6 年前
  • npm包gulp-eslint使用教程

    介绍 在前端开发中,代码质量是至关重要的。而eslint是一个广泛使用的JavaScript代码检查工具。gulp-eslint是一个npm包,可以将eslint与gulp自动化构建工具集成使用,以便...

    6 年前

相关推荐

    暂无文章