Alat pembangun web WeChat
Alat pembangun web WeChat
Untuk membantu pembangun membangun dan menyahpepijat halaman web berasaskan WeChat dengan lebih mudah dan selamat, kami telah melancarkan alatan pembangun web. Ia adalah aplikasi desktop yang menyerupai prestasi klien WeChat supaya pembangun boleh menggunakan alat ini untuk membangunkan dan nyahpepijat dengan mudah pada PC atau Mac. Muat turun sekarang untuk mengalami
Anda boleh:
1. Gunakan ID WeChat anda sendiri untuk menyahpepijat keizinan halaman web WeChat
2 dan semak fungsi dan kebenaran halaman yang berkaitan dengan JS-SDK dan simulasi input dan output kebanyakan SDK
3 Gunakan fungsi penyahpepijatan mudah alih berdasarkan weinre untuk menyokong penyahpepijatan jauh bagi kernel X5 Blink
4 Gunakan Chrome DevTools yang bersepadu untuk membantu dalam pembangunan
Antara muka alat terutamanya terdiri daripada beberapa bahagian, seperti yang ditunjukkan dalam rajah di bawah:
Bar menu teratas ialah pintu masuk bersatu untuk tindakan seperti menyegarkan, menyokong dan memilih bar alamat, serta halaman tetapan simulasi versi klien WeChat. Di sebelah kiri ialah simulator paparan web WeChat, yang boleh mengendalikan halaman web secara langsung dan mensimulasikan tingkah laku pengguna sebenar. Di bahagian atas sebelah kanan ialah bar alamat, digunakan untuk memasukkan pautan ke halaman yang akan dinyahpepijat, dan butang cache kosong. Di bahagian bawah sebelah kanan terdapat permintaan yang berkaitan dan hasil pengembalian, serta antara muka penyahpepijatan dan butang log masuk.
Debugging WeChat Laman Web Peguam pada masa lalu, ketika membangunkan fungsi kebenaran laman web berdasarkan WeChat, pemaju biasanya diperlukan untuk memasuki URL di telefon bimbit untuk mendapatkan maklumat pengguna untuk pembangunan dan debug. telefon bimbit, Proses ini sangat menyusahkan. Dengan menggunakan alat pembangun web WeChat, pembangun kini boleh melakukan penyahpepijatan jenis ini secara langsung pada PC atau Mac. Langkah-langkah khusus ialah:
1 Pembangun boleh mengklik "Log Masuk" dalam penyahpepijat, mengimbas kod QR menggunakan WeChat pada telefon mudah alih mereka untuk log masuk dan menggunakan identiti pengguna sebenar mereka (menyokong akaun ujian) untuk membangunkan dan menyahpepijat halaman web WeChat. kebenaran. Sila sahkan halaman log masuk telefon bimbit. Akaun rasmi yang terikat ialah "alat pembangun web WeChat", seperti yang ditunjukkan dalam rajah di bawah:
2 Untuk memastikan keselamatan maklumat identiti pembangun, untuk akaun rasmi yang anda ingin nyahpepijat, , kami memerlukan pembangun untuk mewujudkan hubungan yang mengikat dengan ID WeChat. Operasi khusus ialah: log masuk ke bahagian belakang pengurusan dengan akaun rasmi, dayakan pusat pembangun dan hantar jemputan yang mengikat ke akaun WeChat pembangun pada alat pembangun - halaman alat pembangun web. Halaman penjilidan adalah seperti yang ditunjukkan di bawah:
3. Pembangun boleh melengkapkan penjilidan dengan menerima jemputan di WeChat pada telefon bimbit. Setiap akaun rasmi boleh terikat kepada sehingga 10 ID WeChat pembangun pada masa yang sama. Halaman pengesahan jemputan adalah seperti yang ditunjukkan di bawah:
4. Selepas melengkapkan log masuk dan mengikat, pembangun boleh mula menyahpepijat kebenaran halaman web WeChat
Perhatikan bahawa anda hanya boleh menyahpepijat akaun rasmi yang anda telah terikat
Sampel URL kebenaran tanpa senyap
: https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx841a97238d9e17b2&redirect_uri=http://cps.respons_in.com =snsapi_userinfo&state=type%3Dquan%2Curl%3Dhttp%3A%2F%2Fmm.dianping.com%2Fweixin%2Faccount%2Fhome
Buka URL halaman kebenaran yang serupa dalam alat pembangun web WeChat (sampel tidak boleh digunakan terus, sila gantikannya Untuk URL halaman kebenaran akaun awam yang lengkap), simulator paparan web memaparkan kesan seperti yang ditunjukkan dalam rajah:
Klik "Sahkan Log Masuk" untuk melompat ke halaman pihak ketiga dengan maklumat pengguna, yang sangat mudah untuk pembangunan dan penyahpepijatan seterusnya.
Sampel URL kebenaran senyap: https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx841a97238d9e17b2&redirect_uri=http://cps.dianping.com/weiXinRedirect&response_stype=code&scope
type%3Dquan%2Curl%3Dhttp%3A%2F%2Fmm.dianping.com%2Fweixin%2Faccount%2FhomeBuka URL halaman kebenaran yang serupa dalam alat pembangun web WeChat (sampel tidak boleh digunakan terus, sila gantikannya dengan The bound URL halaman kebenaran akaun rasmi) secara automatik akan melompat ke halaman pihak ketiga. Nota: Jika proksi digunakan, proksi itu sendiri perlu menyokong sambungan terus https untuk menyahpepijat halaman https.Simulasi pengesahan kebenaran JSSDK
Melalui alatan pembangun web, anda boleh mensimulasikan permintaan JSSDK dalam klien WeChat dan melihat secara visual hasil pengesahan dan log. Ambil halaman DEMO JSSDK WeChat sebagai contoh:http://demo.open.weixin.qq.com/jssdk
Buka URL dalam penyahpepijat, anda boleh melihatnya dengan mudah dalam Tab JS-SDK pada sebelah kanan Pergi ke status pengesahan wx.config pada halaman semasa dan log panggilan JSSDK. Berikut ialah halaman yang lulus pengesahan:
Dalam Tab "Senarai Kebenaran", anda boleh menanyakan senarai JS-SDK yang halaman semasa mempunyai kebenaran:
Digabungkan dengan simulator WeChat Webview di sebelah kiri, anda boleh menyahpepijat secara intuitif kesan JSSDK, seperti menggunakan kad penyahpepijatan alat pembangun WeChat Demo JSSDK:
http://203.195.235.76/jssdk/wxcardDemo.php
(. 1) Kerja penyediaan
2. Sahkan sama ada peranti mudah alih menyokong fungsi penyahpepijatan jauh
Buka alat pembangun web WeChat, pilih tab "Penyahpepijatan Mudah Alih" dan klik untuk mengesahkan sama ada peranti mudah alih menyokongnya. Kemudian gunakan peranti mudah alih anda untuk mengimbas kod QR pop timbul untuk mendapatkan maklumat sokongan pada peranti anda.
3. Hidupkan fungsi penyahpepijatan USB dalam peranti mudah alih
1. Hidupkan peranti mudah alih dan pergi ke "Tetapan" -> "Pilihan Pembangun"
2. Semak "fungsi penyahpepijatan USB"
Diperlukan Ambil perhatian bahawa untuk peranti selepas Android 4.2, pilihan pembangun disembunyikan secara lalai Anda boleh membukanya melalui langkah berikut:
1. Buka peranti mudah alih dan pergi ke "Tetapan" -> "Perihal Telefon"
2. Cari dan Klik "Bina Nombor Versi" 7 kali
4 Pasang pemacu USB peranti mudah alih
Biasanya pembangun boleh memuat turun pemacu yang berkaitan dari laman web rasmi pengeluar peranti mudah alih, atau gunakan Tencent Mobile Manager untuk memasang pemacu peranti.
5. Hidupkan fungsi pemeriksa kernel X5 Blink
Buka alat pembangun web WeChat, pilih tab "Penyahpepijatan Mudah Alih" dan gunakan peranti untuk mengimbas kod QR dalam "Langkah Penyahpepijatan".
Seperti yang ditunjukkan di bawah, semak "Sama ada hendak menghidupkan fungsi penyahpepijatan Inspektor kernel TBS" dan mulakan semula WeChat.
(2) Mulakan nyahpepijat
Selepas menyambungkan peranti mudah alih ke PC atau Mac menggunakan kabel data USB, klik untuk membuka tab "Penyahpepijatan Mudah Alih" alat pembangun web WeChat dan pilih fungsi penyahpepijatan X5 Blink Tetingkap baharu akan dibuka dalam WeChat untuk memulakan penyahpepijatan. Untuk maklumat lanjut tentang teras X5 Blink, anda boleh melihat pengenalan laman web rasmi.
Apabila semua persediaan selesai, maklumat asas peranti semasa boleh dilihat dalam tetingkap:
Klik "periksa" pada mana-mana halaman untuk membuka tetingkap baharu dan pembangun akan melihat antara muka penyahpepijatan biasa:
Klik ikon "telefon mudah alih" di penjuru kanan sebelah atas gambar di atas untuk mendayakan fungsi pemetaan skrin:
Fungsi penyahpepijatan mudah alih yang disepadukan oleh alat pembangun web WeChat adalah berdasarkan weinre dan telah membuat beberapa Penambahbaikan. Berbanding dengan menggunakannya secara langsung Weinre mempunyai dua kelebihan:
1 Tidak perlu menambah skrip penyahpepijatan weinre secara manual ke halaman
2 Anda boleh melihat log permintaan http yang lengkap dalam kad halaman permintaan rangkaian, bukan terhad kepada permintaan ajax
seperti yang ditunjukkan di bawah Ditunjukkan:
Ambil perhatian bahawa fungsi penyahpepijatan mudah alih tidak menyokong https lagi.
Alat pembangun web WeChat menyepadukan Chrome DevTools. Ia konsisten dengan pengalaman penyahpepijatan sebelumnya pada PC, dan anda boleh bermula dengan cepat.
Seperti gambar di bawah:
Latest Versi: (2016.05.19) 0.7.0
update Kandungan:
1 dalam kes individu
3. Selesaikan masalah kegagalan pengesahan JSSDK dalam kes individu
4 Pengoptimuman pengalaman lain dan pembetulan pepijat
Versi 64-bit Windows:
MD5: 2e054987a0dabc967a39f2f0a4949e2b
MD5: 956946b0c0b19532ee622d38968effbfVersi Mac:
MD5: f078bc88cf433d0b73f4b2aded9bec65Nota: Sokong Windows XP, win7 dan ke atas, sokong OS X 10.8 dan ke atas
Sokongan teknikal dan alamat mel：weixE-mail：weixE-mail @qq.com
Subjek e-mel: [Maklum balas alat pembangun web WeChat]
Perihalan kandungan e-mel:
1 Sila terangkan masalah dalam bahasa yang ringkas dan terangkan dengan jelas senario di mana masalah itu dihadapi Anda boleh melampirkan tangkapan skrin dan pasukan WeChat akan Alamat maklum balas anda secepat mungkin.
2. Sila lampirkan fail log alat pembangun web WeChat Selepas menutup alat penyahpepijatan, cari fail yang berkaitan dalam laluan berikut dan hantarkannya sebagai lampiran e-mel:
Di bawah sistem Windows, dalam
C:Users<Username>. ;Alat pembangun web AppDataLocal WeChat Data Pengguna Alat pembangun web WeChat.log
Di bawah sistem mac dalam
/Users/<Username>/Library/Application Support/WeChat web developer tool/WeChat web developer tool.log
