npm 包 wepy-plugin-aliyun-oss 使用教程

阅读时长 5 分钟读完

前言

为了更好地进行前端开发,很多公司都会将前端代码部署在云服务器上。然而,在将前端代码部署到云服务器上后,我们需要将静态资源上传到云存储服务中,并将其链接放在 HTML 的标签中以供访问。常见的云存储服务有七牛云、阿里云 OSS 等等。在本文中,我们将重点介绍如何使用 wepy-plugin-aliyun-oss 这个 npm 包来将静态资源上传到阿里云 OSS。

wepy-plugin-aliyun-oss

wepy-plugin-aliyun-oss 是一个基于 wepy 框架的阿里云 OSS 插件。它能够自动将 wepy 项目中的静态资源上传到阿里云 OSS,并返回资源的链接地址。在我们完成插件的安装后,只需要在 wepy 项目的配置文件中添加阿里云的配置信息,即可完成上传任务。

安装

在使用 wepy-plugin-aliyun-oss 之前,首先需要安装 wepy 快应用开发框架。在安装好 wepy 后,可以通过以下的命令安装 wepy-plugin-aliyun-oss:

配置

在配置文件中,我们需要为 wepy-plugin-aliyun-oss 添加 OSS 的配置信息。配置信息中需要填写阿里云的 AK 和 SK,同时需要设置其 bucket 名称和地域信息。

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

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

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

在上面的代码片段中,我们在插件列表中添加了 AliOssPlugin 并设置了插件的配置参数。其中,ossConfig 对应了阿里云的 AK、SK、存储桶的名称和地域信息,ossUploadOption 则是针对文件上传的配置信息。

使用示例

在完成插件的配置后,我们即可在 wepy 项目的代码中使用该插件。这里,我们以上传图片为例来讲解插件的使用方法。

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

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

在上述示例代码中,我们通过调用 wepy 提供的上传文件方法,使用了 wepy-plugin-aliyun-oss 将图片上传到阿里云 OSS 中,并打印出上传成功的链接地址。

总结

wepy-plugin-aliyun-oss 是一个非常实用的 wepy 插件,它能够帮助我们快速地将静态资源上传到阿里云 OSS 中,并返回其链接地址。在本文中,我们向大家介绍了如何安装和配置该插件,并提供了如何将图片上传到阿里云 OSS 中的示例代码。我们希望读者们能够从中学到有关于阿里云 OSS 的使用技巧。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600671a630d0927023822536

纠错
反馈