掘金抽奖の油猴スクリプトを共有します。ワンクリックでサインイン、抽選、全賭けができます。
少しでも多くの鉱石を集めて、宝くじを買う感覚を体験しましょう。
(async function () {
'use strict';
const {createApp} = PetiteVue; // まさか、まだ petite-vue を知らない人はいないでしょう
const root = document.createElement('div');
root.class = 'wx_draw_wrap';
root.innerHTML = `
<div v-show="!popup" class="wx_draw" @click="open"> 掘金抽奖
<div v-if="popup" class="wx_popup">
<div class="wx_mask" @click="popup = false"></div>
<div class="wx_main">
<div class="wx_header">
<div>掘金抽奖</div>
<div class="wx_score">現在の鉱石：{{ score }}</div>
</div>
<div class="wx_body">
<div class="wx_options">
<div @click="check_in" v-if="check_status === -1 || check_status === false">サインイン</div>
<div @click="get_free" v-else>サインイン成功</div>
<div @click="draw(5)">5連抽</div>
<div @click="draw(10)">10連抽</div>
<div @click="draw(undefined)">全賭け抽選</div>
</div>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<thead>
<tr>
<th>賞品画像</th>
<th>賞品名</th>
<th>当選回数</th>
</tr>
</thead>
<tbody>
<tr v-for="item in award">
<td><img :src="item.lottery_image"/></td>
<td>{{ item.lottery_name }}</td>
<td>{{ item.times }}</td>
</tr>
</tbody>
</table>
<div class="wx_loading" v-if="loading">
<svg class="circular" viewBox="25 25 50 50">
<circle class="path" cx="50" cy="50" r="20" fill="none" />
</svg>
</div>
</div>
<div class="wx_footer">
<div class="wx_confirm wx_btn" @click="popup = false">閉じる</div>
</div>
</div>
</div>
`;
// 賞品リストを取得
const res = await fetch('https://api.juejin.cn/growth_api/v1/lottery_config/get', {
headers: {
cookie: document.cookie
},
method: 'GET',
credentials: 'include'
}).then((res) => res.json());
const award = (res.data && res.data.lottery ? res.data.lottery : []).map((item) => ({ ...item, times: 0 }));
const {free_count, point_cost} = res.data; // 残りの無料抽選回数、1 回の抽選消費数
document.body.appendChild (root); // DOM に挿入
//petite-vue 初期化
createApp({
award,
popup: false,
loading: false,
score: 0,
free_count,
check_status: -1,
async open() {
const res = await fetch('https://api.juejin.cn/growth_api/v1/get_cur_point', {
headers: {
cookie: document.cookie
},
method: 'GET',
credentials: 'include'
}).then((res) => res.json());
this.score = res.data; // 現在のスコア
this.popup = true;
(this.check_status === -1 || this.check_status === false) && this.get_status();
},
async draw(times, is_not_free = true) {
if (this.loading || times === 0) return;
// const is_not_free = !(this.free_count && times === 1);
if (is_not_free && this.score < point_cost * (times || 1)) return alert('ポイントが足りないのに何を考えているのですか？');
let i = 0;
const drawFn = async () => {
if ((is_not_free && this.score < point_cost) || i === times) {
this.free_count = 0;
this.loading = false;
this.open();
console.log(`${times ? times + '連抽' : '全賭け'}終了！`);
return;
}
const result = await fetch('https://api.juejin.cn/growth_api/v1/lottery/draw', {
headers: {
cookie: document.cookie
},
method: 'POST',
credentials: 'include'
}).then((res) => res.json());
if (result.err_no !== 0) {
console.log(result.err_msg);
this.loading = false;
this.open();
return;
}
i++;
is_not_free && (this.score -= point_cost);
if (result.data.lottery_type === 1) this.score += 66;
const item = this.award.find((item) => item.lottery_id === result.data.lottery_id);
item.times++;
console.log(`当選：${result.data.lottery_name}`);
drawFn();
};
console.log(`開始${times ? times + '連抽' : '全賭け'}！`);
this.loading = true;
this.award.forEach((item) => {
item.times = 0;
});
try {
drawFn();
} catch (error) {
this.loading = false;
console.error(error);
}
},
async check_in() {
if (this.check_status) {
this.get_free(); // 無料抽選
return;
}
// サインイン
const check_in = await fetch('https://api.juejin.cn/growth_api/v1/check_in', {
headers: {
cookie: document.cookie
},
method: 'POST',
credentials: 'include'
}).then((res) => res.json());
if (check_in.err_no !== 0) {
alert('サインイン失敗！');
this.check_status = false;
return;
}
this.check_status = true;
this.score = check_in.data.sum_point;
this.get_free(); // 無料抽選
},
async get_status() {
// サインイン状態を取得
const today_status = await fetch('https://api.juejin.cn/growth_api/v1/get_today_status', {
headers: {
cookie: document.cookie
},
method: 'GET',
credentials: 'include'
}).then((res) => res.json());
this.check_status = today_status.data;
},
async get_free() {
// 無料抽選回数があるか確認
const res = await fetch('https://api.juejin.cn/growth_api/v1/lottery_config/get', {
headers: {
cookie: document.cookie
},
method: 'GET',
credentials: 'include'
}).then((res) => res.json());
this.free_count = res.data.free_count;
if (res.data.free_count) {
// 無料抽選回数がある
this.draw(res.data.free_count, false);
}
}
}).mount();
// スタイル処理
const style = .wx_draw_wrap { box-sizing: border-box; position: fixed; top: 50%; left: 0px; z-index: 888888; margin-top: -20px; } .wx_draw { box-sizing: border-box; position: fixed; top: 50%; left: 0px; z-index: 888888; width: 40px; height: 40px; line-height: 16px; font-size: 12px; padding: 4px; background-color: rgb(232, 243, 255); border: 1px solid rgb(232, 243, 255); color: rgb(30, 128, 255); text-align: center; overflow: hidden; cursor: pointer; } .wx_popup { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999999; } .wx_mask { width: 100%; height: 100%; background: rgba(0,0,0,0.5); } .wx_main { --width: 460px; position: absolute; left: 50%; top: 50%; width: var(--width); transform: translate(-50%, -50%); background: #fff; border-radius: 4px; } .wx_main .wx_header { height: 40px; line-height: 40px; font-size: 16px; padding: 0 16px; border-bottom: 1px solid #999; display: flex; align-items: center; justify-content: space-between; color: #000; font-weight: 400; } .wx_score { font-size: 12px; font-size: #00a100; } .wx_main .wx_body { padding: 16px; border-bottom: 1px solid #999; position: relative; } .wx_main .wx_options { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; } .wx_main .wx_options div { width: 80px; text-align: center; height: 24px; line-height: 24px; background-color: rgb(232, 243, 255); border: 1px solid #c9d4e3; color: rgb(30, 128, 255); cursor: pointer; border-radius: 2px; } .wx_main .wx_body p { margin: 0 0 8px; } .wx_body table { width: 100%; text-align: center; border-left: 1px solid #ccc; border-top: 1px solid #ccc; } .wx_body table th, .wx_body table td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height: 20px; } .wx_body table th { line-height: 28px; } .wx_main .wx_body img { vertical-align: middle; width: 40px; height: 40px; } .wx_main .wx_footer { padding: 12px 16px; text-align: right; } .wx_btn { display: inline-block; width: 48px; cursor: pointer; text-align: center; height: 20px; line-height: 20px; background-color: rgb(232, 243, 255); border: 1px solid #c9d4e3; color: rgb(30, 128, 255); border-radius: 2px; } .wx_loading { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999999; background: rgba(0,0,0,0.65); } .wx_loading .circular { height: 42px; width: 42px; -webkit-animation: loading-rotate 2s linear infinite; animation: loading-rotate 2s linear infinite; position: absolute; left: 50%; top: 50%; margin-top: -21px; margin-left: -21px; } .wx_loading .path { -webkit-animation: loading-dash 1.5s ease-in-out infinite; animation: loading-dash 1.5s ease-in-out infinite; stroke-dasharray: 90, 150; stroke-dashoffset: 0; stroke-width: 2; stroke: #409eff; stroke-linecap: round; } @keyframes loading-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40px; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -120px; } } ;
const styleEl = document.createElement('style');
styleEl.textContent = style;
document.head.appendChild(styleEl);
})();
</details>
</summary>