Wi2オプションエリアのチケット消費をコマンドで使う
前書き
Wi2はWifiの機器がなくてもカフェで月額プラン362円（税抜）で使えるプランです。
しかし、ルノアールではそのまま月額プランで使えるんですが、
ドトールやカフェドクリエではオプションエリア（Wi2premium, Wi2premium_club）のところが多く、
追加料金の100円する払ったチケットを消費して繋ぐのがかなりだるいです。
何がだるいって？
接続のURLとチケットが違うのでうっかり普通の接続ページ行ったのにまた購入系サイトに行くのがだるい。
しかも、1時間経つとまた消費するURLにアクセするのもだるいです。
やること
仕方ないので、TestCafeという本来は作ったWebアプリをブラウザでテストするツールなんですけど、ブラウザ操作を自動化して以下の手順を踏んで、無味乾燥で非生産的な作業をささっとチケットの消費手順を終わらせたいです。
SeleniumもWebDriverとかのインストールもだるいので使いません。
Wi2のチケットなどの消費用URLへログイン＝＞チケット選択＝＞確認画面＝＞消費
前提
- Wi2の月額プランを使っている方
- Wi2のオプションエリア用チケットを購入済み (これは自動化で購入もやります)
- yarnコマンドが入っている（npmでもいけるけどこの記事はyarn前提）
- 面倒臭がり屋さん
インストール
yarnの初期化
mkdir wi2_apps
cd wi2_apps
yarn init
フォルダ作ってその中でやります。
package.jsonへ追記
"scripts": {
"start": "testcafe firefox test.ts",
"buy": "testcafe firefox buy.ts"
},
をpackage.jsonの適当なところに追加します。
最後に,があるので一番最後に追記した時は外すことに気を付けましょう。
僕はVivaldiを使ってますが、Vivaldiは無さそうなんでchromeやfirefoxやedgeなどにしますよ。
自分の使ってブラウザのに差し替えてね。
モジュールをインストール
yarn add testcafe
yarn add dotenv
yarn add @types/node
.env
さっきインストールしたdotenvはローカルに入れておくと動的に.envファイルを使ってくれるモジュールでした。
require('dotenv').config();を一行目に書くと使ってくれるよ。
以下のファイルを直下に入れよう。
ID="wi2のID"
PASS="wi2のパスワード"
コードを書く
先ほどのpacakge.jsonのあるのと同じディレクトリにtest.ts（TypeScriptです）とか作って
require('dotenv').config();
import { Selector } from 'testcafe';
const id = process.env.ID;
const pass = process.env.PASS;
fixture `Getting Started`
.page `https://service2.wi2.ne.jp/wi2was/mypageLogin?locale=ja`;
test('My first test', async t => {
await t
.typeText('#mypageLogin_txtLoginId', id)
.typeText('#mypageLogin_txtPassWord', pass)
.click('#mypageLogin_btnLogin');
// activate
await t
.click('#mypageMenu_WAS03V008_BTN_RIYOU_KAKUNIN')
const radio = Selector('input').withAttribute('name', 'rdoUseTicketVal');
await t
.click(radio)
.click('#memberTicketStartInput_BTN_KAKUNIN')
.click('#memberTicketStartConf_BTN_KAISI')
});
実行
⑴ まず、WifiをWi2Premiumに接続しておく。
（Wi2Connectで接続はまだ自動化できない。）
⑵ 以下のコマンドを実行します。
yarn start
wi2_appsフォルダの中で実行します。
⑶ そのあとで、「Wi2 Connect」の公式ソフトウェアで接続
これでチケット消費を自動化できました。
本当は⑴と⑶の手順も自動化したい。
⑴はシェルをnodeからキックしたらできると思うけど、⑶は無理かなー？
わかったら教えてくださいね。
購入
require('dotenv').config();
import { Selector } from 'testcafe';
const id = process.env.ID;
const pass = process.env.PASS;
// 0埋め2桁(枚数に対応)
const count = ('00' + process.argv[4]).slice(-2);
fixture `Getting Started`
.page `https://service2.wi2.ne.jp/wi2was/mypageLogin?locale=ja`;
test('My first test', async t => {
await t
.typeText('#mypageLogin_txtLoginId', id)
.typeText('#mypageLogin_txtPassWord', pass)
.click('#mypageLogin_btnLogin');
// buy
await t
.click('#mypageMenu_WAS03V008_BTN_TSUIKA_KOUNYUU')
const buySelect = Selector('#cmbSetNumVal');
const buyOption = buySelect.find('option');
await t
.click(buySelect)
.click(buyOption.withText(count));
await t
.click('#memberTicketInput_WAS02V002_BTN_CONFIRM')
.click('#memberTicketConf_BTN_NEXT');
});
購入の実行
今回2枚買いますが、嫌ならパラメータの2を色々変えてください。
yarn buy 2
おまけ
ヘッドレスブラウザで行う
まずPuppeteer追加。
※グローバルでnpmじゃないとTestCafeが認識してくれませんでした。
yarn add puppeteerやyarn global add puppeteerはダメだった何でだ？
npm install -g puppeteer
package.jsonを書き換え
"start": "testcafe puppeteer test.ts"
実はpuppeteer使わんくてもいける。
あとがき
誰か教えてくれたら、自動で接続とかもするかも？
またはnpmにあげたいかなw
github
Author And Source
この問題について(Wi2オプションエリアのチケット消費をコマンドで使う), 我々は、より多くの情報をここで見つけました https://qiita.com/shinriyo/items/caeb4b7fbb337f6446db著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .