mirror of
https://github.com/qaiu/netdisk-fast-download.git
synced 2025-12-16 12:23:03 +00:00
436 lines
14 KiB
Vue
436 lines
14 KiB
Vue
<template>
|
||
<div id="app">
|
||
<el-row :gutter="20">
|
||
<el-card class="box-card">
|
||
<div class="demo-basic--circle">
|
||
<div class="block" style="text-align: center;">
|
||
<img :height="150" src="../public/images/lanzou111.png" alt="lz"></img>
|
||
</div>
|
||
</div>
|
||
<h3 style="text-align: center;">NFD网盘直链解析0.1.8_bate2(API演示)</h3>
|
||
<div class="typo">
|
||
<p style="text-align: center;">
|
||
<span>
|
||
<el-link href="https://github.com/qaiu/netdisk-fast-download" target="_blank" rel="nofollow">
|
||
<u>GitHub</u></el-link>
|
||
</span>
|
||
<span style="margin-left: 30px">
|
||
<el-link href="https://blog.qaiu.top/archives/netdisk-fast-download-bao-ta-an-zhuang-jiao-cheng" target="_blank"
|
||
rel="nofollow"><u>宝塔部署安装教程</u>
|
||
</el-link>
|
||
</span>
|
||
<span style="margin-left: 30px">
|
||
<el-link href="https://blog.qaiu.top" target="_blank"
|
||
rel="nofollow"><u>QAIU博客</u>
|
||
</el-link>
|
||
</span></p>
|
||
<p><strong>目前支持 </strong>蓝奏云/蓝奏云优享/小飞机盘/123云盘/奶牛快传/移动云云空间/亿方云/文叔叔/QQ邮箱文件中转站</p>
|
||
<p>已加入缓存机制, 如果遇到解析出的下载链接失效的情况请及时到<a href="https://github.com/qaiu/netdisk-fast-download/issues">
|
||
<u><strong>项目GitHub反馈</strong></u></a></p>
|
||
<p>节点1: 回源请求数:{{ node1Info.parserTotal }}, 缓存请求数:{{ node1Info.cacheTotal }}, 总数:{{ node1Info.total }}</p>
|
||
<!-- <p>节点2: 成功:{{ node2Info.success }},失败:{{ node2Info.fail }},总数:{{ node2Info.total }}</p>-->
|
||
</div>
|
||
<hr>
|
||
<div class="main" v-loading="isLoading">
|
||
<div class="grid-content">
|
||
|
||
<!-- 开关按钮，控制是否自动读取剪切板 -->
|
||
<el-switch
|
||
v-model="autoReadClipboard"
|
||
active-text="自动识别剪切板"
|
||
></el-switch>
|
||
|
||
<el-input placeholder="请粘贴分享链接" v-model="link" id="url">
|
||
<template #prepend>分享链接</template>
|
||
<template #append v-if="!autoReadClipboard">
|
||
<el-button @click="() => getPaste(1)">读取剪切板</el-button>
|
||
</template>
|
||
</el-input>
|
||
<el-input placeholder="请输入密码" v-model="password" id="url">
|
||
<template #prepend>分享密码</template>
|
||
</el-input>
|
||
<el-input v-show="getLink2" placeholder="解析地址" :value="getLink2" id="url">
|
||
<template #prepend>智能直链</template>
|
||
<template #append>
|
||
<el-button :icon="Search" circle
|
||
v-clipboard:copy="getLink2"
|
||
v-clipboard:success="onCopy"
|
||
v-clipboard:error="onError">复制
|
||
</el-button>
|
||
</template>
|
||
</el-input>
|
||
|
||
<p style="text-align: center">
|
||
<el-button style="margin-left: 40px;margin-bottom: 10px" @click="onSubmit">解析测试</el-button>
|
||
<el-button style="margin-left: 20px;margin-bottom: 10px" @click="genMd">生成Markdown链接</el-button>
|
||
<el-button style="margin-left: 20px" @click="generateQRCode">生成二维码</el-button>
|
||
<el-button style="margin-left: 20px" @click="getTj">链接信息统计</el-button>
|
||
</p>
|
||
</div>
|
||
|
||
<div v-if="respData.code" style="margin-top: 10px">
|
||
<strong>解析结果: </strong>
|
||
<json-viewer
|
||
:value="respData"
|
||
:expand-depth=5
|
||
copyable
|
||
boxed
|
||
sort
|
||
/>
|
||
<a :href="downUrl" v-show="downUrl">点击下载</a>
|
||
</div>
|
||
<div v-if="mdText" style="text-align: center">
|
||
<el-input
|
||
type="textarea"
|
||
:autosize="{ minRows: 1, maxRows: 8}"
|
||
v-model="mdText">
|
||
</el-input>
|
||
<el-button style="width: 100%" v-clipboard:copy="mdText"
|
||
v-clipboard:success="onCopy"
|
||
v-clipboard:error="onError">复制
|
||
</el-button>
|
||
</div>
|
||
<div style="text-align: center" v-show="showQrc">
|
||
<div style="text-align: center"><el-link target="_blank" :href="codeUrl">{{ codeUrl }}</el-link></div>
|
||
<canvas ref="qrcodeCanvas"></canvas>
|
||
<div style="text-align: center"> 扫码下载 </div>
|
||
</div>
|
||
<div v-if="tjData.shareLinkInfo">
|
||
<el-descriptions class="margin-top" title="分享详情" :column="1" border>
|
||
<template slot="extra">
|
||
<el-button type="primary" size="small">操作</el-button>
|
||
</template>
|
||
<el-descriptions-item label="网盘名称">{{ tjData.shareLinkInfo.panName }}</el-descriptions-item>
|
||
<el-descriptions-item label="网盘标识">{{ tjData.shareLinkInfo.type }}</el-descriptions-item>
|
||
<el-descriptions-item label="分享Key">{{ tjData.shareLinkInfo.shareKey }}</el-descriptions-item>
|
||
<el-descriptions-item label="分享链接"> <el-link target="_blank" :href="tjData.shareLinkInfo.shareUrl">{{ tjData.shareLinkInfo.shareUrl }}</el-link></el-descriptions-item>
|
||
<el-descriptions-item label="jsonApi链接"> <el-link target="_blank" :href="tjData.apiLink">{{ tjData.apiLink }}</el-link></el-descriptions-item>
|
||
<el-descriptions-item label="302下载链接"> <el-link target="_blank" :href="tjData.downLink">{{ tjData.downLink }}</el-link></el-descriptions-item>
|
||
<el-descriptions-item label="解析次数">{{ tjData.parserTotal }}</el-descriptions-item>
|
||
<el-descriptions-item label="缓存命中次数">{{ tjData.cacheHitTotal }}</el-descriptions-item>
|
||
<el-descriptions-item label="总请求次数">{{ tjData.sumTotal }}</el-descriptions-item>
|
||
</el-descriptions>
|
||
</div>
|
||
|
||
</div>
|
||
</el-card>
|
||
</el-row>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import axios from 'axios'
|
||
import QRCode from 'qrcode'
|
||
import '@element-plus/icons-vue'
|
||
|
||
import parserUrl from './parserUrl1'
|
||
|
||
export default {
|
||
name: 'App',
|
||
data() {
|
||
return {
|
||
// baseAPI: `${location.protocol}//${location.hostname}:6400`,
|
||
baseAPI: `${location.protocol}//${location.host}`,
|
||
autoReadClipboard: true, // 开关状态，默认为自动读取
|
||
current: {}, // 当前分享
|
||
showQrc: false,
|
||
codeUrl: '',
|
||
mdText: '',
|
||
link: "",
|
||
password: "",
|
||
isLoading: false,
|
||
downUrl: null,
|
||
select: "lz",
|
||
respData: {},
|
||
tjData: {},
|
||
panList: [
|
||
{
|
||
name: "蓝奏云",
|
||
value: 'lz'
|
||
},
|
||
{
|
||
name: "奶牛快传",
|
||
value: 'cow'
|
||
},
|
||
{
|
||
name: "移动云空间",
|
||
value: 'ec'
|
||
},
|
||
{
|
||
name: "UC网盘",
|
||
value: 'uc',
|
||
disabled: true
|
||
},
|
||
{
|
||
name: "小飞机网盘",
|
||
value: 'fj'
|
||
},
|
||
{
|
||
name: "360亿方云",
|
||
value: 'fc'
|
||
},
|
||
{
|
||
name: "123云盘",
|
||
value: 'ye'
|
||
},
|
||
],
|
||
getLink: null,
|
||
getLink2: '',
|
||
getLinkInfo: null,
|
||
node1Info: {},
|
||
node2Info: {},
|
||
}
|
||
},
|
||
methods: {
|
||
check() {
|
||
this.mdText = ''
|
||
this.showQrc = false
|
||
this.respData = {}
|
||
this.tjData = {}
|
||
if (!this.link.startsWith("https://") && !this.link.startsWith("http://")) {
|
||
this.$message.error("请输入有效链接!")
|
||
throw new Error('请输入有效链接')
|
||
}
|
||
},
|
||
onSubmit() {
|
||
this.check()
|
||
this.isLoading = true
|
||
this.downUrl = ''
|
||
this.respData = {}
|
||
this.getLink2 = `${this.baseAPI}/parser?url=${this.link}`
|
||
// this.getLink = `${location.protocol}//${location.host}/api/json/parser?url=${this.link}`
|
||
// this.getLink = `${location.protocol}//${location.host}/json/parser`
|
||
if (this.password) {
|
||
this.getLink2 += `&pwd=${this.password}`
|
||
}
|
||
axios.get(this.getLink, {params: {url: this.link, pwd: this.password}}).then(
|
||
response => {
|
||
this.isLoading = false
|
||
this.respData = response.data
|
||
if (response.data.code === 200) {
|
||
this.$message({
|
||
message: response.data.msg,
|
||
type: 'success'
|
||
})
|
||
this.downUrl = response.data.data.directLink
|
||
} else {
|
||
this.$message.error(response.data.msg)
|
||
}
|
||
this.getInfo()
|
||
},
|
||
error => {
|
||
this.isLoading = false
|
||
this.$message.error(error.message)
|
||
}
|
||
)
|
||
},
|
||
onCopy() {
|
||
this.$message.success('复制成功')
|
||
},
|
||
onError() {
|
||
this.$message.error('复制失败')
|
||
},
|
||
getInfo() {
|
||
// 初始化统计信息
|
||
axios.get('/v2/statisticsInfo').then(
|
||
response => {
|
||
if (response.data.success) {
|
||
this.node1Info = response.data.data
|
||
}
|
||
})
|
||
// axios.get('/n2/statisticsInfo').then(
|
||
// response => {
|
||
// if (response.data.success) {
|
||
// this.node2Info = response.data.data
|
||
// }
|
||
// })
|
||
},
|
||
genMd() {
|
||
this.check()
|
||
axios.get(this.getLinkInfo, {params: {url: this.link, pwd: this.password}}).then(
|
||
response => {
|
||
this.isLoading = false
|
||
if (response.data.code === 200) {
|
||
this.$message({
|
||
message: response.data.msg,
|
||
type: 'success'
|
||
})
|
||
this.mdText = this.buildMd('快速下载地址',response.data.data.downLink)
|
||
} else {
|
||
this.$message.error(response.data.msg)
|
||
}
|
||
});
|
||
},
|
||
buildMd(title, url) {
|
||
return `[${title}](${url})`
|
||
},
|
||
generateQRCode() {
|
||
this.check()
|
||
const options = { // 设置二维码的参数，例如大小、边距等
|
||
width: 150,
|
||
height: 150,
|
||
margin: 2,
|
||
colorDark : "#8e0fb7",
|
||
colorLight : "#fff2ad",
|
||
};
|
||
axios.get(this.getLinkInfo, {params: {url: this.link, pwd: this.password}}).then(
|
||
response => {
|
||
this.isLoading = false
|
||
if (response.data.code === 200) {
|
||
this.$message({
|
||
message: response.data.msg,
|
||
type: 'success'
|
||
})
|
||
this.codeUrl = response.data.data.downLink
|
||
QRCode.toCanvas(this.$refs.qrcodeCanvas, this.codeUrl, options, error => {
|
||
if (error) console.error(error);
|
||
});
|
||
this.showQrc = true
|
||
} else {
|
||
this.$message.error(response.data.msg)
|
||
}
|
||
});
|
||
},
|
||
getTj() {
|
||
this.check()
|
||
axios.get(this.getLinkInfo, {params: {url: this.link, pwd: this.password}}).then(
|
||
response => {
|
||
this.isLoading = false
|
||
if (response.data.code === 200) {
|
||
this.$message({
|
||
message: response.data.msg,
|
||
type: 'success'
|
||
})
|
||
this.tjData = response.data.data
|
||
} else {
|
||
this.$message.error(response.data.msg)
|
||
}
|
||
});
|
||
},
|
||
|
||
async getPaste(v) {
|
||
const text = await navigator.clipboard.readText();
|
||
console.log('获取到的文本内容是：', text);
|
||
let linkInfo = parserUrl.parseLink(text);
|
||
let pwd = parserUrl.parsePwd(text) || '';
|
||
if (linkInfo.link) {
|
||
if(linkInfo.link !== this.link || pwd !== this.password ) {
|
||
this.password = pwd;
|
||
this.link = linkInfo.link;
|
||
this.getLink2 = `${this.baseAPI}/parser?url=${this.link}`
|
||
if (this.link) this.$message.success(`自动识别分享成功, 网盘类型: ${linkInfo.name}; 分享URL ${this.link}; 分享密码: ${this.password || '空'}`);
|
||
} else {
|
||
v || this.$message.warning(`[${linkInfo.name}]分享信息无变化`)
|
||
}
|
||
} else {
|
||
this.$message.warning("未能提取到分享链接, 该分享可能尚未支持, 你可以复制任意网盘/音乐App的分享到该页面, 系统智能识别")
|
||
}
|
||
},
|
||
},
|
||
mounted() {
|
||
this.getLinkInfo = `${this.baseAPI}/v2/linkInfo`
|
||
this.getLink = `${this.baseAPI}/json/parser`
|
||
let item = window.localStorage.getItem("autoReadClipboard");
|
||
if (item) {
|
||
this.autoReadClipboard = (item === 'true');
|
||
}
|
||
|
||
this.getInfo()
|
||
|
||
// 页面首次加载时，根据开关状态判断是否读取剪切板
|
||
if (this.autoReadClipboard) {
|
||
this.getPaste()
|
||
}
|
||
// 当文档获得焦点时触发
|
||
window.addEventListener('focus', () => {
|
||
console.log('文档获得了焦点');
|
||
if (this.autoReadClipboard) {
|
||
this.getPaste()
|
||
}
|
||
});
|
||
|
||
// this.getPaste()
|
||
},
|
||
watch: {
|
||
autoReadClipboard(val) {
|
||
window.localStorage.setItem("autoReadClipboard", val)
|
||
}
|
||
}
|
||
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
#app {
|
||
font-family: 'Avenir', Helvetica, Arial, sans-serif;
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
color: #2c3e50;
|
||
margin: auto;
|
||
padding: 1em;
|
||
max-width: 900px;
|
||
}
|
||
|
||
::selection {
|
||
background: rgba(0, 149, 255, .1);
|
||
}
|
||
|
||
body:before {
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
opacity: .3;
|
||
z-index: -1;
|
||
content: "";
|
||
position: fixed;
|
||
}
|
||
|
||
.grid-content {
|
||
margin-top: 1em;
|
||
border-radius: 4px;
|
||
min-height: 50px;
|
||
}
|
||
|
||
.el-select .el-input {
|
||
width: 130px;
|
||
}
|
||
|
||
.box-card {
|
||
margin-top: 4em !important;
|
||
margin-bottom: 4em !important;
|
||
opacity: .8;
|
||
}
|
||
|
||
@media screen and (max-width: 700px) {
|
||
.box-card {
|
||
margin-top: 1em !important;
|
||
margin-bottom: 1em !important;
|
||
}
|
||
}
|
||
|
||
.download h3 {
|
||
margin-top: 2em;
|
||
}
|
||
|
||
.download button {
|
||
margin-right: 0.5em;
|
||
margin-left: 0.5em;
|
||
}
|
||
|
||
.typo {
|
||
text-align: left;
|
||
}
|
||
|
||
.typo a {
|
||
color: #0077ff;
|
||
}
|
||
|
||
hr {
|
||
height: 10px;
|
||
margin-bottom: .8em;
|
||
border: none;
|
||
border-bottom: 1px solid rgba(0, 0, 0, .12);
|
||
}
|
||
</style>
|