suchen
HeimWeChat-AppletMini-ProgrammentwicklungFassen Sie praktisches Wissen über die Entwicklung kleiner Programme zusammen und teilen Sie es

Dieser Artikel fasst einige praktische Kenntnisse über die Entwicklung von Miniprogrammen zusammen und teilt sie mit Ihnen. Ich hoffe, dass er für alle hilfreich sein wird!

Fassen Sie praktisches Wissen über die Entwicklung kleiner Programme zusammen und teilen Sie es

Verstehen Sie das Rendering-Prinzip kleiner Programme

Hintergrund

Da bei der Webentwicklung js Single-Threaded ist, kommt es manchmal zu lang laufenden Skripten, die dazu führen, dass die Seite nicht mehr reagiert. Derzeit gibt es drei Möglichkeiten, Seiten zu rendern:

  • Reines clientseitiges natives Technologie-Rendering
  • Reines Web-Technologie-Rendering
  • Hybrid-Rendering, also eine Kombination aus Web- und nativem Rendering

Im Miniprogramm ist Hybrid Ausgewählt Die Rendering-Methode trennt die Logikschicht und die Ansichtsschicht, verwendet zwei Threads zur Ausführung, verwendet WebView zum Rendern der Schnittstelle der Ansichtsschicht und die Logikschicht wird in JSCore ausgeführt.

Dual-Thread-Modell des Miniprogramms:

  • Logikschicht: Erstellen Sie einen separaten Thread zum Ausführen von Javascript. Hier werden Codes ausgeführt, die sich auf die Geschäftslogik des Miniprogramms beziehen und für die Logikverarbeitung, Datenanforderungen usw. verantwortlich sind Schnittstellenaufrufe.
  • View-Ebene: Das Rendern der Schnittstelle wird im WebView-Thread ausgeführt, und der Code der Logikebene steuert, welche Schnittstellen gerendert werden.
  • jsBridge: Ermöglicht kleinen Programmen die Verwendung nativer Funktionen über die API

openIDFassen Sie praktisches Wissen über die Entwicklung kleiner Programme zusammen und teilen Sie es

openID wird dem Benutzer von der öffentlichen WeChat-Plattform zugewiesen. Wie wir alle wissen, werden WeChat-Miniprogramme und öffentliche WeChat-Konten auf der öffentlichen WeChat-Plattform verwaltet Das Miniprogramm generiert für jeden Benutzer eine eindeutige openID. Für Anwendungen unter derselben offenen Plattform verfügen WeChat-Benutzer über eine eindeutige UnionIDBeispiel: Ihr Unternehmen verfügt über zwei Anwendungen, Miniprogramm A und offizielles WeChat-Konto B. Die Benutzerinformationen von A und B müssen verbunden werden A und B. Zwei Anwendungen sind an dieselbe offene Plattform gebunden. Die offene WeChat-Plattform generiert eine eindeutige UnionID für WeChat-Benutzer. Nach der autorisierten Anmeldung und Registrierung wird die UnionID in der Benutzertabelle gespeichert und von anderen Anwendungen autorisiert Die gleiche offene Plattform in der Zukunft. Nachdem Sie sich angemeldet und die UnionID erhalten haben, können Sie die Benutzerinformationen direkt zurückgeben Das Unternehmen verfügt über ein Miniprogramm, ein offizielles Konto und zwei Anwendungen. AppId ist die eindeutige Kennung dieser beiden Anwendungen Besichtigung jederzeit möglich

Heute hat sich ein Freund bei mir beschwert, dass er gerade in einem kleinen und mittleren Unternehmen eine Besprechung im Konferenzraum abhält. Der große Chef hat eine Frage zum Mini-Programmsprung . Ein Leiter A, der nicht wusste, für welchen Bereich er verantwortlich war, kam heraus und fragte zuerst nach Betrieb und Wartung und dann nach der Back-End-Java-Abteilung. Der Java-Chef sagte, dass dies zur Front-End-Kategorie gehöre. Nachdem er das gehört hatte, sagte Leiter A direkt: „Was weiß der Front-End?“ Dann ging er in den Konferenzraum und gab dem großen Chef Feedback. Niemand wusste es. Er sagte mir zuvor, dass der Front-End-Status ihres Unternehmens niedrig sei. Diese Funktion muss implementiert werden

Da nun die Nachfrage da ist, beginnen wir mit der Bereitstellung von LösungenFassen Sie praktisches Wissen über die Entwicklung kleiner Programme zusammen und teilen Sie es

Option 1: Klicken Sie auf die Schaltfläche, geben Sie ein Popup-Feld ein und geben Sie einen QR-Code in das Popup-Feld ein. Führen Sie Benutzer zur Erkennung durch langes Drücken.Im Bereich des Bedienungsprozesses ist die Benutzerkonvertierungsrate niedrig und die meisten Benutzer sind im Grunde zu faul für die Bedienung

Option 2: Verwenden Sie das offene Tag wx-open-launch-weapp von WeChat

um zu einem beliebigen legalen und konformen Miniprogramm zu springen (ich bin der Meinung, dass es später weitere Einschränkungen für diese Funktion geben wird)

Fassen Sie praktisches Wissen über die Entwicklung kleiner Programme zusammen und teilen Sie es

Nach der Diskussion mit dem Produkt ist die zweite Option geeigneter, offener und vollständiger:

Schritte:

Zertifiziertes Dienstkonto, die Webseite unter dem an das Dienstkonto gebundenen „JS-Schnittstellensicherheitsdomänennamen“ kann dieses Label verwenden, um zu jedem legalen und konformen Applet zu springen

Js-Dateien einführen https://res.wx .qq.com/open/js/jweixin -1.6.0.js

Fügen Sie die Berechtigungskonfiguration über die Konfigurationsschnittstelle ein und beantragen Sie die erforderlichen offenen Tags über das openTagList-FeldFassen Sie praktisches Wissen über die Entwicklung kleiner Programme zusammen und teilen Sie es

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>

Die WeChat-Kundendienstnachricht hat einen Sprung Applet-Link

文本内容....<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: &#39;release&#39;, // 要打开的小程序版本,develop: 开发版,trial:体验版,release:正式版。仅在当前小程序为开发版或体验版时此参数有效。
    appId: ’‘, // 跳转appid
    path: ’‘  //  跳转路径
})
  • 需要用户手动触发
  • 需要用户确认跳转

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

Das obige ist der detaillierte Inhalt vonFassen Sie praktisches Wissen über die Entwicklung kleiner Programme zusammen und teilen Sie es. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme
Dieser Artikel ist reproduziert unter:掘金社区. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

SublimeText3 Linux neue Version

SublimeText3 Linux neue Version

SublimeText3 Linux neueste Version

DVWA

DVWA

Damn Vulnerable Web App (DVWA) ist eine PHP/MySQL-Webanwendung, die sehr anfällig ist. Seine Hauptziele bestehen darin, Sicherheitsexperten dabei zu helfen, ihre Fähigkeiten und Tools in einem rechtlichen Umfeld zu testen, Webentwicklern dabei zu helfen, den Prozess der Sicherung von Webanwendungen besser zu verstehen, und Lehrern/Schülern dabei zu helfen, in einer Unterrichtsumgebung Webanwendungen zu lehren/lernen Sicherheit. Das Ziel von DVWA besteht darin, einige der häufigsten Web-Schwachstellen über eine einfache und unkomplizierte Benutzeroberfläche mit unterschiedlichen Schwierigkeitsgraden zu üben. Bitte beachten Sie, dass diese Software

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Leistungsstarke integrierte PHP-Entwicklungsumgebung

SecLists

SecLists

SecLists ist der ultimative Begleiter für Sicherheitstester. Dabei handelt es sich um eine Sammlung verschiedener Arten von Listen, die häufig bei Sicherheitsbewertungen verwendet werden, an einem Ort. SecLists trägt dazu bei, Sicherheitstests effizienter und produktiver zu gestalten, indem es bequem alle Listen bereitstellt, die ein Sicherheitstester benötigen könnte. Zu den Listentypen gehören Benutzernamen, Passwörter, URLs, Fuzzing-Payloads, Muster für vertrauliche Daten, Web-Shells und mehr. Der Tester kann dieses Repository einfach auf einen neuen Testcomputer übertragen und hat dann Zugriff auf alle Arten von Listen, die er benötigt.

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen