npm 包 tiny-urlformat 使用教程-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，我们经常需要使用 URL 缩短服务，以便在 Twitter、Facebook、微博、电子邮件等社交媒体平台上分享短链接。tiny-urlformat 是一个 NPM 包，它为开发人员提供了一种方便快捷的方式生成缩短 URL。

安装 tiny-urlformat

在开始使用 tiny-urlformat 前，你需要先安装它。可以通过以下命令在你的项目中安装该包：

npm install tiny-urlformat

使用 tiny-urlformat

一旦你安装了 tiny-urlformat，你可以在你的代码中引入它：

const tinyUrl = require('tiny-urlformat');

然后，你就可以使用 tinyUrl 函数来生成缩短 URL：

tinyUrl('http://www.google.com')
  .then(shortUrl => console.log(shortUrl))
  .catch(error => console.log(error))

在此示例中，我们向 tinyUrl 函数传递了一个长 URL，它返回一个 Promise，将解析成一个缩短的 URL。如果出现错误，它会拒绝 Promise。

你还可以使用 tinyUrl 函数的同步版本：

const shortUrl = tinyUrl.sync('http://www.google.com');
console.log(shortUrl);

配置 tiny-urlformat

如果你想使用不同的 URL 缩短服务提供商，可以使用 configure 函数配置 tiny-urlformat：

const tinyUrl = require('tiny-urlformat');

// 配置 tiny-urlformat
tinyUrl.configure({
  provider: 'bitly',
  bitlyToken: 'YOUR_BITLY_ACCESS_TOKEN',
  rebrandlyApiKey: 'YOUR_REBRANDLY_API_KEY'
});

// 生成缩短 URL
tinyUrl('http://www.google.com')
  .then(shortUrl => console.log(shortUrl))
  .catch(error => console.log(error));

在此示例中，我们配置了 tiny-urlformat 使用 Bitly 提供程序和您的 API 访问令牌。您还可以配置 Rebrandly 提供程序和使用它的 API 密钥。

实践应用

现在，我们将使用 tiny-urlformat 在我们的 Node.js Express 应用程序中实现 URL 缩短服务。首先，我们将创建一个简单的表单，用户可以使用它来输入他们想要缩短的 URL：

<!DOCTYPE html>
<html>
  <head>
    <title>URL Shortener - Homepage</title>
  </head>
  <body>
    <h1>URL Shortener</h1>
    <form action="/shorten" method="POST">
      <input type="text" name="longUrl" />
      <button type="submit">Shorten</button>
    </form>
  </body>
</html>

然后，我们将在 Express 应用程序中实现 /shorten 端点，它将接受提交的 URL 并返回一个缩短的 URL：

const express = require('express');
const bodyParser = require('body-parser');
const tinyUrl = require('tiny-urlformat');

const app = express();

// Bodyparser Middleware
app.use(bodyParser.urlencoded({ extended: true }));

// Homepage Route
app.get('/', (req, res) => {
  res.send('Welcome to URL Shortener Homepage');
});

// Shorten URL Endpoint
app.post('/shorten', (req, res) => {
  const longUrl = req.body.longUrl;

  tinyUrl(longUrl)
    .then(shortUrl => {
      res.send(`Short URL: ${shortUrl}`);
    })
    .catch(error => {
      console.log(error);
      res.status(500).send('Internal Server Error');
    });
});

app.listen(3000, () => {
  console.log('Server is listening on port 3000');
});

当我们启动我们的应用程序并访问我们的主页时，我们将看到一个简单的表单，我们可以使用它来提交我们想要缩短的 URL。当我们点击“缩短”按钮时，我们的应用程序将使用 tiny-urlformat 生成缩短 URL，并返回它。

结论

在本文中，我们学习了如何使用 tiny-urlformat 这个 NPM 包来实现 URL 缩短服务。我们探讨了 tiny-urlformat 的配置和用法，并在我们的 Node.js 应用程序中实践了它。通过这个学习，我们可以更好地了解如何使用 NPM 包来提高我们的前端开发工作效率，实现我们的业务逻辑。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/600673e1fb81d47349e53d61