在H5开发中,我们会经常会挂载第三方的js文件,以达到自身某些需求,如果当自己也有这需求,希望把自己的js文件托管到第三方中以便于自己可以直接通过url挂载相应的js文件。
以下使用jsdelivr.net这个著名的CDN服务提供商,加速前端静态资源访问速度。
- 首先需要在GitHub上创建一个仓库,用于存放这些js文件 往仓库中提交文件
- 进入这个GitHub,我们使用release功能发布一个版本(非必须,但是还是按照标准流程来) 发布release版本 发布新的版本 填写发布的版本号,然后发布即可
- 打开需要挂载的js文件,查看浏览器的url 可以观察到以js文件结尾的链接
- 修改修改github链接为支持jsdelivr的cdn链接
把 cdn.jsdelivr.net/gh 替换掉 github.com
把 @ 替换掉 blob/v
格式为 cdn.jsdelivr.net/gh(gh就是GitHub缩写)+ GitHub用户名+仓库名@版本号(非必须)+目录+文件
https://github.com/GitHub用户名/仓库名/blob/v1.0.7/jssdk.js
https://cdn.jsdelivr.net/gh/GitHub用户名/仓库名@1.0.7/jssdk.js
直接在浏览器上测试是否可以正常打开
网友评论