Ringkaskan dan kongsi beberapa pengetahuan praktikal dalam pembangunan program kecil

Artikel ini merumuskan dan berkongsi dengan anda beberapa pengetahuan praktikal dalam pembangunan program mini saya harap ia akan membantu anda!

Fahami prinsip rendering program mini

Latar Belakang

Dalam pembangunan web, memandangkan js adalah satu benang, skrip kadangkala berjalan lama, menyebabkan halaman menjadi tidak responsif. Pada masa ini terdapat tiga cara untuk memaparkan halaman:

• Reparan teknologi asli pihak pelanggan tulen
• Reparan teknologi web tulen
• Perenderan hibrid, iaitu gabungan web dan pemaparan asli Kaedah

Dalam program mini, kaedah pemaparan Hibrid dipilih, lapisan logik dan lapisan paparan dipisahkan dan dijalankan dalam cara dwi-benang digunakan untuk memberikan antara muka lapisan paparan, dan lapisan logik berjalan dalam JSCore.

Model dwi-benang program mini:

• Lapisan logik: Cipta urutan berasingan untuk melaksanakan javascript, di mana semua kod yang berkaitan dengan logik perniagaan program mini dilaksanakan , bertanggungjawab untuk Pemprosesan logik, permintaan data, panggilan antara muka.
• Lihat lapisan: Penyampaian antara muka dilaksanakan dalam utas webView dan kod lapisan logik mengawal antara muka mana yang dipaparkan
• jsBridge: membenarkan atur cara kecil menggunakan fungsi asli melalui API

Adakah anda benar-benar faham kaitan antara appId, uniId dan openId?

openID

OpenID diberikan seragam kepada pengguna oleh platform awam WeChat. program mini menyediakan setiap pengguna Setiap pengguna menjana openID unik

UnionID

UnionID ialah ID yang diberikan kepada pengguna WeChat oleh WeChat open platform. Untuk aplikasi di bawah platform terbuka yang sama, pengguna WeChat akan mempunyai UnionID yang unik

Contohnya: syarikat anda mempunyai dua aplikasi, program mini A dan akaun rasmi WeChat B, maklumat pengguna A dan B diperlukan Dengan membuka, dua aplikasi A dan B boleh terikat pada platform terbuka yang sama Platform terbuka WeChat akan menghasilkan UnionID yang unik untuk pengguna WeChat Selepas log masuk dan pendaftaran yang dibenarkan, UnionID akan disimpan dalam jadual pengguna dibuka dari platform terbuka yang sama pada masa hadapan Selepas aplikasi lain di bawah platform diberi kuasa untuk log masuk dan mendapatkan UnionID, mereka boleh terus mengembalikan maklumat pengguna,

<.>

AppID

AppID ialah pengenalan unik bagi aplikasi yang berbeza

Contohnya: syarikat anda mempunyai satu program mini, satu akaun rasmi dan dua aplikasi, AppId ialah pengenalan unik kedua-dua aplikasi ini

Membawa anda untuk meringkaskan keupayaan melompat program mini, supaya anda boleh menerima kepimpinan pemeriksaan pada bila-bila masa

Seorang kawan hari ini Dia mengadu kepada saya bahawa dia kini bekerja di sebuah syarikat bersaiz kecil dan sederhana Para bos sedang mengadakan mesyuarat di bilik persidangan Bos besar ada soalan tentang lompat program mini. Seorang pemimpin A, yang tidak tahu bahagian mana dia bertanggungjawab, keluar dan mula-mula bertanya tentang operasi dan penyelenggaraan, dan kemudian bertanya tentang Java bahagian belakang. Bos Java berkata bahawa ini tergolong dalam kategori bahagian hadapan. Mereka lebih jelas Selepas mendengar ini, ketua A berkata secara langsung, apa yang orang hadapan itu tahu. Kemudian dia masuk ke bilik persidangan dan memberi maklum balas kepada bos besar. Tiada siapa yang tahu. Dia memberitahu saya sebelum ini bahawa status bahagian hadapan syarikat mereka adalah rendah, iaitu sangat rendah

h5 jump applet

Produk: Xiaoyang , our akaun rasmi perlu melompat ke applet tertentu dengan mengklik butang ini. Fungsi ini mesti dilaksanakan

Memandangkan permintaan sudah ada, mari mula berikan penyelesaian

Pilihan 1: Klik butang, berikan kotak pop timbul , dan letakkannya dalam kotak pop timbul A kod QR. Bimbing pengguna untuk menekan lama untuk mengenal pasti proses operasi
• , kadar penukaran pengguna rendah, kebanyakan pengguna pada dasarnya terlalu malas untuk beroperasi
Pilihan 2: Gunakan label terbuka WeChat wx -open-launch-weapp
• Boleh melompat ke mana-mana program mini yang sah dan patuh (saya rasa akan ada lebih banyak sekatan pada fungsi ini nanti)

Lulus Selepas berbincang dengan produk, pilihan kedua lebih sesuai Mulakan dengan:

Langkah:

Akaun perkhidmatan yang disahkan, ikat akaun perkhidmatan kepada "domain keselamatan antara muka js. name" "Laman web di bawah " boleh menggunakan teg ini untuk melompat ke mana-mana program mini yang sah dan patuh
• Perkenalkan fail js https://res.wx.qq.com/open/js/jweixin-1.6.0. js
• Suntikan konfigurasi kebenaran melalui antara muka konfigurasi dan mohon untuk teg terbuka yang diperlukan melalui medan openTagList

wx.config({
  debug: false,
  appId: '',   // 公众号唯一标识
  timestamp: '',  // 生成签名的时间戳
  nonceStr: '',   // 生成签名的随机串
  signature: '',  // 签名
  jsApiList: ["wx-open-launch-weapp"],
  openTagList: ["wx-open-launch-weapp"] // 微信开放标签 小程序跳转按钮：<wx-open-launch-weapp>
});
// 通过ready处理成功验证
wx.ready(function () {
  console.log(&#39;ready&#39;)

})
// 处理失败验证
wx.error(function(error) {
  console.error("err", error);
});

<wx-open-launch-weapp
  id="launch-btn"
  username="gh_xxxxxxxx"
  path="pages/home/index?user=123&action=abc"
>
  <script type="text/wxtag-template">
    <style>.btn { padding: 12px }</style>
    <button class="btn">打开小程序</button>
  </script>
</wx-open-launch-weapp>

Mesej perkhidmatan pelanggan WeChat dengan pautan jump applet

文本内容....<a href=&#39;&#39; data-miniprogram-appid=&#39;{{appid}}&#39; data-miniprogram-path=&#39;pages/index/index&#39;>点击跳小程序</a>

• data-miniprogram-appid填写小程序链接，表示跳转小程序
• data-miniprogram-path 小程序路径，可带参数
• 公众号必须和小程序相关联
• 链接中的各个属性值必须使用单引号

小程序跳转小程序

wx.navigateToMiniProgram({
    envVersion: 'release', // 要打开的小程序版本，develop: 开发版，trial：体验版，release：正式版。仅在当前小程序为开发版或体验版时此参数有效。
    appId: ’‘, // 跳转appid
    path: ’‘  //  跳转路径
})

• 需要用户手动触发
• 需要用户确认跳转

【相关学习推荐：小程序开发教程】

Atas ialah kandungan terperinci Ringkaskan dan kongsi beberapa pengetahuan praktikal dalam pembangunan program kecil. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!