forked from jason5ng32/MyIP
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
2f033d1
commit 07db811
Showing
13 changed files
with
342 additions
and
13 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,56 @@ | ||
| import whoiser from 'whoiser'; | ||
|
|
||
| function isValidIP(ip) { | ||
| const ipv4Pattern = | ||
| /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/; | ||
| const ipv6Pattern = | ||
| /^(([0-9a-fA-F]{1,4}:){7}([0-9a-fA-F]{1,4})|(([0-9a-fA-F]{1,4}:){0,6}([0-9a-fA-F]{1,4})?::([0-9a-fA-F]{1,4}:){0,6}([0-9a-fA-F]{1,4})?))$/; | ||
| return ipv4Pattern.test(ip) || ipv6Pattern.test(ip); | ||
| }; | ||
|
|
||
| function isValidDomain(domain) { | ||
| const domainPattern = /^([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,}$/i; | ||
| return domainPattern.test(domain); | ||
| } | ||
|
|
||
| export default async (req, res) => { | ||
|
|
||
| // 限制只能从指定域名访问 | ||
| const allowedDomains = ['localhost', ...(process.env.ALLOWED_DOMAINS || '').split(',')]; | ||
| const referer = req.headers.referer; | ||
|
|
||
| if (referer) { | ||
| const domain = new URL(referer).hostname; | ||
| if (!allowedDomains.includes(domain)) { | ||
| return res.status(403).json({ error: 'Access denied' }); | ||
| } | ||
| } else { | ||
| return res.status(403).json({ error: 'What are you doing?' }); | ||
| } | ||
|
|
||
| const query = req.query.q; | ||
| if (!query) { | ||
| return res.status(400).json({ error: 'No address provided' }); | ||
| } | ||
|
|
||
| // 检查 IP 地址是否合法 | ||
| if (!isValidIP(query) && !isValidDomain(query)) { | ||
| return res.status(400).json({ error: 'Invalid IP or address' }); | ||
| } | ||
|
|
||
| if (isValidIP(query)) { | ||
| try { | ||
| const ipinfo = await whoiser.ip(query, { timeout: 5000,raw: true}); | ||
| res.json(ipinfo); | ||
| } catch (e) { | ||
| res.status(500).json({ error: e.message }); | ||
| } | ||
| } else { | ||
| try { | ||
| const domaininfo = await whoiser.domain(query, { ignorePrivacy: false, timeout: 5000, follow: 2,raw: true}); | ||
| res.json(domaininfo); | ||
| } catch (e) { | ||
| res.status(500).json({ error: e.message }); | ||
| } | ||
| } | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,215 @@ | ||
| <template> | ||
| <!-- Whois Resolver --> | ||
| <div class="whois-section mb-4"> | ||
| <div class="jn-title2"> | ||
| <h2 id="Whois" :class="{ 'mobile-h2': isMobile }">📓 {{ $t('whois.Title') }}</h2> | ||
| </div> | ||
| <div class="text-secondary"> | ||
| <p>{{ $t('whois.Note') }}</p> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="col-12 mb-3"> | ||
| <div class="card jn-card" :class="{ 'dark-mode dark-mode-border': isDarkMode }"> | ||
| <div class="card-body mb-3"> | ||
| <div class="col-12 col-md-auto"> | ||
| <label for="queryURLorIP" class="col-form-label">{{ $t('whois.Note2') }}</label> | ||
| </div> | ||
|
|
||
| <div class="input-group mb-2 mt-2 "> | ||
| <input type="text" class="form-control" :class="{ 'dark-mode': isDarkMode }" | ||
| :disabled="whoisCheckStatus === 'running'" :placeholder="$t('whois.Placeholder')" | ||
| v-model="queryURLorIP" @keyup.enter="onSubmit" name="queryURLorIP" id="queryURLorIP" | ||
| data-1p-ignore> | ||
|
|
||
| <button class="btn btn-primary" @click="onSubmit" | ||
| :disabled="whoisCheckStatus === 'running' || !queryURLorIP"> | ||
| <span v-if="whoisCheckStatus === 'idle'">{{ | ||
| $t('whois.Run') }}</span> | ||
| <span v-if="whoisCheckStatus === 'running'" class="spinner-grow spinner-grow-sm" | ||
| aria-hidden="true"></span> | ||
| </button> | ||
|
|
||
| </div> | ||
|
|
||
| <div class="jn-placeholder"> | ||
| <p v-if="errorMsg" class="text-danger">{{ errorMsg }}</p> | ||
| </div> | ||
|
|
||
| <!-- Results Table --> | ||
| <div v-if="whoisResults && Object.keys(whoisResults).length"> | ||
|
|
||
| <h3 class="fs-6 alert alert-success ">{{ $t('whois.Note3') }}</h3> | ||
| <div v-if="type === 'domain'" class="accordion" id="whoisResultAccordion" | ||
| :data-bs-theme="isDarkMode ? 'dark' : ''"> | ||
| <div class="accordion-item" v-for="(provider, index) in providers" :key="provider"> | ||
| <h2 class="accordion-header" :id="'heading' + index"> | ||
| <button class="accordion-button" type="button" data-bs-toggle="collapse" | ||
| :data-bs-target="'#collapse' + index" | ||
| :aria-expanded="index === 0 ? 'true' : 'false'" | ||
| :aria-controls="'collapse' + index" :class="{ collapsed: index !== 0 }"> | ||
| <span><i class="bi" :class="'bi-' + (index + 1) + '-circle-fill'"></i> <strong>{{ $t('whois.Provider') }}: {{ provider.toUpperCase() | ||
| }}</strong></span> | ||
| </button> | ||
| </h2> | ||
| <div :id="'collapse' + index" class="accordion-collapse collapse" | ||
| :class="{ show: index === 0 }" :aria-labelledby="'heading' + index"> | ||
| <div class="accordion-body"> | ||
| <div class="card card-body border-0 mt-3" | ||
| :class="[isDarkMode ? 'bg-black text-light' : 'bg-light']"> | ||
| <pre>{{ whoisResults[providers[index]].__raw }}</pre> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div v-else class="card card-body mt-3" | ||
| :class="[isDarkMode ? 'bg-black text-light' : 'bg-light']"> | ||
| <pre>{{ whoisResults.__raw }}</pre> | ||
| </div> | ||
|
|
||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </template> | ||
|
|
||
| <script> | ||
| import { ref, computed } from 'vue'; | ||
| import { useStore } from 'vuex'; | ||
| export default { | ||
| name: 'Whois', | ||
| setup() { | ||
| const store = useStore(); | ||
| const isDarkMode = computed(() => store.state.isDarkMode); | ||
| const isMobile = computed(() => store.state.isMobile); | ||
| return { | ||
| isDarkMode, | ||
| isMobile, | ||
| }; | ||
| }, | ||
| data() { | ||
| return { | ||
| queryURLorIP: '', | ||
| whoisCheckStatus: 'idle', | ||
| errorMsg: '', | ||
| providers: [], | ||
| type: '', | ||
| whoisResults: {}, | ||
| } | ||
| }, | ||
| methods: { | ||
| // 检查 URL 输入是否有效 | ||
| formatURL(domain) { | ||
| // 检查是否包含协议头，若没有则尝试为其添加 http:// 以便进行 URL 格式验证 | ||
| if (!domain.match(/^https?:\/\//)) { | ||
| domain = 'http://' + domain; | ||
| } | ||
| try { | ||
| const url = new URL(domain); | ||
| const hostname = url.hostname; | ||
| const parts = hostname.split('.'); | ||
| const mainDomain = parts.slice(-2).join('.'); | ||
| if (mainDomain.match(/^[a-z0-9-]+(\.[a-z0-9-]+)*\.[a-z]{2,}$/i)) { | ||
| return mainDomain; | ||
| } | ||
| } catch { | ||
| } | ||
| return false; | ||
| }, | ||
| // 检查 IP 输入是否有效 | ||
| isValidIP(ip) { | ||
| const ipv4Pattern = | ||
| /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/; | ||
| const ipv6Pattern = | ||
| /^(([0-9a-fA-F]{1,4}:){7}([0-9a-fA-F]{1,4})|(([0-9a-fA-F]{1,4}:){0,6}([0-9a-fA-F]{1,4})?::([0-9a-fA-F]{1,4}:){0,6}([0-9a-fA-F]{1,4})?))$/; | ||
| return ipv4Pattern.test(ip) || ipv6Pattern.test(ip); | ||
| }, | ||
| // 检查输入是否有效 | ||
| validInput(input) { | ||
| if (this.formatURL(input)) { | ||
| this.type = 'domain'; | ||
| return this.formatURL(input); | ||
| } else if (this.isValidIP(input)) { | ||
| this.type = 'ip'; | ||
| return input; | ||
| } else { | ||
| this.errorMsg = this.$t('whois.invalidURL'); | ||
| return false; | ||
| }; | ||
| }, | ||
| // 提交查询 | ||
| onSubmit() { | ||
| this.$trackEvent('Section', 'StartClick', 'Whois'); | ||
| this.errorMsg = ''; | ||
| this.providers = []; | ||
| this.whoisResults = {}; | ||
| const query = this.validInput(this.queryURLorIP); | ||
| if (query) { | ||
| this.getWhoisResults(query); | ||
| } | ||
| }, | ||
| // 获取 Whois 结果 | ||
| async getWhoisResults(query) { | ||
| this.whoisCheckStatus = 'running'; | ||
| try { | ||
| const response = await fetch(`/api/whois?q=${query}`); | ||
| if (!response.ok) { | ||
| throw new Error('Network response was not ok'); | ||
| } | ||
| const data = await response.json(); | ||
| this.getProviders(data); | ||
| if (this.type === 'domain' && this.providers.length >= 1) { | ||
| this.whoisResults = data; | ||
| this.errorMsg = ''; | ||
| } else if (this.type === 'ip' && data.__raw) { | ||
| this.whoisResults = data; | ||
| this.errorMsg = ''; | ||
| } else { | ||
| this.errorMsg = this.$t('whois.fetchError'); | ||
| } | ||
| this.whoisCheckStatus = 'idle'; | ||
| } catch (error) { | ||
| console.error('Error fetching Whois results:', error); | ||
| this.whoisCheckStatus = 'idle'; | ||
| this.errorMsg = this.$t('whois.fetchError'); | ||
| } | ||
| }, | ||
| // 获取 Whois 服务商 | ||
| getProviders(data) { | ||
| if (this.type === 'domain') { | ||
| for (const [key, value] of Object.entries(data)) { | ||
| if (key.match(/^[a-z0-9-]+(\.[a-z0-9-]+)*\.[a-z]{2,}$/i)) { | ||
| if (data[key].__raw) { | ||
| this.providers.push(key); | ||
| } | ||
| } | ||
| } | ||
| } | ||
| }, | ||
| }, | ||
| } | ||
| </script> | ||
|
|
||
| <style scoped> | ||
| .jn-placeholder { | ||
| height: 16pt; | ||
| } | ||
| </style> |
Oops, something went wrong.