applet WeChat
Pembangunan program mini
Analisis ringkas tentang cara berkomunikasi antara halaman web dan program kecil
Analisis ringkas tentang cara berkomunikasi antara halaman web dan program kecil
Dec 07, 2021 am 09:51 AM
Bagaimana untuk berkomunikasi antara halaman web dan program mini? Artikel berikut akan memperkenalkan anda kepada pengetahuan yang berkaitan tentang komunikasi antara halaman web dan program kecil saya harap ia akan membantu anda!
Program mini WeChat kami menggunakan kaedah paparan web untuk membenamkan projek H5, dengan itu mengurangkan jumlah pembangunan Dalam penggunaan sebenar, hanya terdapat komunikasi antara halaman web dan program mini keperluan, di bawah saya merumuskan secara ringkas masalah yang saya hadapi dan penyelesaiannya.
Fungsi yang disediakan oleh program mini
WeChat menyediakan kaedah untuk halaman web menghantar mesej kepada program mini: wx.miniProgram.postMessage Kaedah ini menghantar mesej kepada program mini . Cetuskan peristiwa mesej komponen pada masa tertentu (undur program mini, pemusnahan komponen, perkongsian).
Butiran API khusus boleh dilihat WeChat Open Documents
https://developers.weixin.qq.com/miniprogram/dev/component/web- lihat .html
Mari perkenalkan secara ringkas cara menggunakannya, mengambil perkongsian sebagai contoh Jika halaman A perlu menyediakan kandungan perkongsian khas, seperti tajuk pemajuan, lakaran kecil, dsb. Anda boleh menetapkan nilai pembolehubah dalam halaman web dan menghantarnya ke program mini
halaman web
let shareData = {
path: '轉(zhuǎn)發(fā)路徑',
title: '自定義轉(zhuǎn)發(fā)標(biāo)題',
imageUrl: '縮略圖url',
};
wx.miniProgram.postMessage({ data: JSON.stringify(shareData) });program mini
index.wxml
Terima acara melalui pengikatan bindmessage
<web-view bindmessage='getMessage' src='{{ src }}'></web-view>index.js
// 獲取從網(wǎng)頁(yè)發(fā)送來(lái)的消息
getMessage(e) {
const getMessage (e) {
// data是多次postMessage的參數(shù)組成的數(shù)組
const { data } = e.detail;
// 需要取最后一條數(shù)據(jù)
let shareMessage = data[data.length - 1];
this.shareMessage = JSON.parse(shareMessage);
};
// 設(shè)置分享
onShareAppMessage(options) {
return {
title: this.shareMessage.title,
path: this.shareMessage.path,
imageUrl: this.shareMessage.imageUrl,
};
}Dengan cara ini, fungsi perkongsian tersuai selesai, tetapi kaedah postMessage hanya Mesej boleh diperolehi dalam senario tertentu, jadi bagaimana untuk mendapatkan komunikasi jika ia bukan senario tertentu?
Cara mudah untuk mendapatkan komunikasi
Penyelesaian yang saya sediakan mungkin bukan yang optimum atau paling universal, tetapi ia boleh digunakan sebagai penyelesaian jika anda menghadapi masalah masalah Satu alternatif.
1. Pemulihan pemandangan
Program mini kami mempunyai kedudukan bandar Apabila memasuki program mini untuk kali pertama, anda perlu memilih bandar di mana anda berada, pilih bandar Ia akan dicache secara tempatan, dan anda tidak perlu lagi memilih semula bandar apabila anda memasuki program mini sekali lagi. Fungsinya adalah seperti berikut: tangkapan skrin
Selepas memilih bandar, ia akan dipaparkan di sudut kanan atas halaman utama
Memandangkan kedua-dua halaman pemilihan bandar dan halaman utama adalah Dengan membenamkan program mini dalam paparan web, adalah jelas bahawa jika cache dimasukkan dalam halaman H5, maklumat cache tidak boleh diperoleh dalam program mini.
2.Penyelesaian
Penyelesaiannya sangat mudah selepas berkomunikasi dengan rakan kongsi belakang saya, saya meminta dia memberikan saya antara muka ke Id bandar dikaitkan dengan maklumat pengguna, supaya saya boleh mendapatkan id bandar yang terakhir dipilih pengguna apabila pengguna memasuki program mini, dan kemudian cache dalam program mini, supaya pengguna tidak perlu pilih bandar sekali lagi apabila dia memasuki program mini semula
Laman Web
// 保存城市信息
const saveCityHandle = () => {
saveCity({
cityId: cityId,
userId: userId,
}).then(() => {});
};Program Mini
Selepas memperoleh id bandar, cache melalui wx.setStorageSync untuk kegunaan seterusnya.
wx.login({
success(res) {
if (res.code) {
wx.request({
url: `${that.domain()}/getUserInfo`,
data: {
body: { jsCode: res.code },
},
success(res) {
wx.setStorageSync('cityId', res.data.cityId);
},
});
} else {
console.log('登錄失??！' + res.errMsg);
}
},
});Ringkasan
“Mengkaji masa lalu dan mempelajari perkara baharu boleh berfungsi sebagai guru.”
Kadang-kadang, lihat kembali pengetahuan tertentu Jika anda mengklik padanya, anda mungkin mempunyai idea baharu untuk dikongsi dengan anda.ヾ(?°?°?)??
Sajak kecil
Tengok pada tarikhnya, saya dapati bulan Disember adalah bulan terakhir untuk tahun 2021. Saya pernah Saya menulis puisi pendek, yang agak sesuai dengan keadaan fikiran saya sekarang saya juga mempunyai beberapa keberkatan untuk diri saya dan semua orang.
眼前是一扇窗， 窗外是變換的景色， 夜晚， 墨綠的樹(shù)， 散落燈光的高樓大廈， 疾馳的汽車， 或匆忙或悠閑的行人。 我好像記住了每一座樓宇， 卻不記得每一張面孔， 不變的建筑， 變換的路人。 今年， 有一些變化， 每一顆追求人生的心， 都值得期待， 每一個(gè)不舍的眼神， 笑容也無(wú)法遮掩。 致， 所有開(kāi)發(fā)的伙伴， 一期一祈， 勿懷猶也， 幸福美好。
[Cadangan pembelajaran berkaitan: Tutorial Pembangunan Program Mini]
Atas ialah kandungan terperinci Analisis ringkas tentang cara berkomunikasi antara halaman web dan program kecil. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Bagaimana untuk menghantar halaman web ke desktop sebagai pintasan dalam pelayar Edge?
Mar 14, 2024 pm 05:22 PM
Bagaimana untuk menghantar halaman web ke desktop sebagai pintasan dalam pelayar Edge? Ramai pengguna kami ingin memaparkan halaman web yang kerap digunakan pada desktop sebagai pintasan untuk kemudahan membuka terus halaman akses, tetapi mereka tidak tahu bagaimana untuk melakukannya Sebagai tindak balas kepada masalah ini, editor isu ini akan berkongsi penyelesaian dengan majoriti pengguna , mari kita lihat kandungan yang dikongsi dalam tutorial perisian hari ini. Kaedah pintasan menghantar halaman web ke desktop dalam pelayar Edge: 1. Buka perisian dan klik butang "..." pada halaman. 2. Pilih "Pasang tapak ini sebagai aplikasi" dalam "Aplikasi" dalam pilihan menu lungsur. 3. Akhir sekali, klik pada tetingkap pop timbul
Generasi baharu teknologi jalur lebar gentian optik - 50G PON
Apr 20, 2024 pm 09:22 PM
Dalam artikel (pautan) sebelum ini, Xiao Zaojun memperkenalkan sejarah pembangunan teknologi jalur lebar daripada ISDN, xDSL kepada 10GPON. Hari ini, mari kita bercakap tentang generasi baharu teknologi jalur lebar gentian optik-50GPON yang akan datang. █F5G dan F5G-A Sebelum memperkenalkan 50GPON, mari kita bincangkan dahulu tentang F5G dan F5G-A. Pada Februari 2020, ETSI (European Telecommunications Standards Institute) mempromosikan sistem teknologi rangkaian komunikasi tetap berdasarkan 10GPON+FTTR, Wi-Fi6, transmisi/pengagregatan optik 200G, OXC dan teknologi lain, dan menamakannya F5G. Itu merupakan generasi kelima tetap teknologi komunikasi rangkaian (The5thgenerationFixednetworks). F5G ialah rangkaian tetap
Bagaimana untuk membuka php pada halaman web
Mar 22, 2024 pm 03:20 PM
Melaksanakan kod PHP dalam halaman web memerlukan memastikan pelayan web menyokong PHP dan dikonfigurasikan dengan betul. PHP boleh dibuka dalam tiga cara: * **Persekitaran pelayan:** Letakkan fail PHP dalam direktori akar pelayan dan aksesnya melalui penyemak imbas. * **Persekitaran Pembangunan Bersepadu: **Letakkan fail PHP dalam direktori akar web yang ditentukan dan aksesnya melalui penyemak imbas. * **Pelayan Jauh:** Akses fail PHP yang dihoskan pada pelayan jauh melalui alamat URL yang disediakan oleh pelayan.
Apakah yang perlu saya lakukan jika imej pada halaman web tidak boleh dimuatkan? 6 penyelesaian
Mar 15, 2024 am 10:30 AM
Beberapa netizen mendapati bahawa apabila mereka membuka halaman web pelayar, gambar di halaman web itu tidak dapat dimuatkan untuk masa yang lama. Saya menyemak bahawa rangkaian adalah normal, jadi apakah masalahnya? Editor di bawah akan memperkenalkan kepada anda enam penyelesaian kepada masalah bahawa imej halaman web tidak boleh dimuatkan. Imej halaman web tidak boleh dimuatkan: 1. Masalah kelajuan Internet Halaman web tidak dapat memaparkan imej Ia mungkin kerana kelajuan Internet komputer agak perlahan dan terdapat lebih banyak perisian yang dibuka pada komputer Dan imej yang kami akses adalah agak besar mungkin disebabkan oleh tamat masa pemuatan Akibatnya, gambar tidak dapat dipaparkan Anda boleh mematikan perisian yang mengambil kelajuan rangkaian dan menyemaknya dalam pengurus tugas. 2. Terlalu ramai pelawat Jika halaman web tidak dapat memaparkan gambar, mungkin kerana halaman web yang kami lawati telah dilawati pada masa yang sama.
Kemungkinan sebab sambungan rangkaian adalah normal tetapi penyemak imbas tidak boleh mengakses halaman web
Feb 19, 2024 pm 03:45 PM
Penyemak imbas tidak boleh membuka halaman web tetapi rangkaian adalah normal Terdapat banyak sebab yang mungkin. Apabila masalah ini berlaku, kita perlu menyiasat langkah demi langkah untuk menentukan punca tertentu dan menyelesaikan masalah tersebut. Mula-mula, tentukan sama ada halaman web tidak boleh dibuka terhad kepada penyemak imbas tertentu atau sama ada semua penyemak imbas tidak boleh membuka halaman web. Jika hanya satu penyemak imbas tidak boleh membuka halaman web, anda boleh cuba menggunakan penyemak imbas lain, seperti Google Chrome, Firefox, dll., untuk ujian. Jika penyemak imbas lain dapat membuka halaman dengan betul, kemungkinan besar masalahnya adalah dengan penyemak imbas khusus itu, mungkin
Sejarah pembangunan tetikus tanpa wayar
Jun 12, 2024 pm 08:52 PM
Tajuk asal: "Bagaimanakah tetikus wayarles menjadi wayarles?" 》Tetikus wayarles secara beransur-ansur menjadi ciri standard komputer pejabat hari ini, kita tidak perlu lagi menyeret kord panjang. Tetapi, bagaimanakah tetikus wayarles berfungsi? Hari ini kita akan belajar tentang sejarah pembangunan tetikus wayarles No.1 Tahukah anda bahawa tetikus wayarles kini berusia 40 tahun Pada tahun 1984, Logitech membangunkan tetikus wayarles pertama di dunia, tetapi tetikus wayarles ini menggunakan inframerah sebagai isyarat? pembawa dikatakan kelihatan seperti gambar di bawah, tetapi kemudiannya gagal kerana sebab prestasi. Sehingga tahun 1994, sepuluh tahun kemudian, Logitech akhirnya berjaya membangunkan tetikus wayarles yang berfungsi pada 27MHz Frekuensi 27MHz ini juga menjadi tetikus tanpa wayar untuk masa yang lama.
Perkara yang perlu dilakukan jika halaman web tidak boleh dibuka
Feb 21, 2024 am 10:24 AM
Bagaimana untuk menyelesaikan masalah laman web tidak dibuka Dengan perkembangan pesat Internet, orang ramai semakin bergantung kepada Internet untuk mendapatkan maklumat, berkomunikasi dan berhibur. Walau bagaimanapun, kadangkala kami menghadapi masalah bahawa halaman web tidak boleh dibuka, yang membawa banyak masalah kepada kami. Artikel ini akan memperkenalkan anda kepada beberapa kaedah biasa untuk membantu menyelesaikan masalah halaman web tidak dibuka. Pertama, kita perlu menentukan mengapa halaman web tidak boleh dibuka. Sebab yang mungkin termasuk masalah rangkaian, masalah pelayan, masalah tetapan penyemak imbas, dsb. Berikut ialah beberapa penyelesaian: Semak sambungan rangkaian: Pertama, kita perlukan
Kaedah dan teknik untuk melaksanakan komunikasi Soket dalam PHP
Mar 07, 2024 pm 02:06 PM
PHP ialah bahasa pembangunan yang biasa digunakan yang boleh digunakan untuk membangunkan pelbagai aplikasi web. Selain permintaan dan respons HTTP biasa, PHP juga menyokong komunikasi rangkaian melalui Soket untuk mencapai interaksi data yang lebih fleksibel dan cekap. Artikel ini akan memperkenalkan kaedah dan teknik bagaimana untuk melaksanakan komunikasi Soket dalam PHP, dan melampirkan contoh kod tertentu. Apa itu Socket Communication Socket ialah kaedah komunikasi dalam rangkaian yang boleh memindahkan data antara komputer yang berbeza. oleh S
