Applet WeChat
Développement de mini-programmes
Une brève analyse de la fa?on de communiquer entre les pages Web et les petits programmes
Une brève analyse de la fa?on de communiquer entre les pages Web et les petits programmes
Dec 07, 2021 am 09:51 AM
Comment communiquer entre pages web et mini programmes ? L'article suivant vous présentera les connaissances pertinentes sur la communication entre les pages Web et les petits programmes. J'espère qu'il vous sera utile !
Notre applet WeChat utilise la méthode d'affichage Web pour intégrer les projets H5, réduisant ainsi la quantité de développement. En utilisation réelle, nous rencontrerons les besoins fonctionnels des pages Web et de la communication des applets. Ci-dessous, je résume brièvement mes problèmes rencontrés. et des solutions.
Fonctions fournies par les mini-programmes
WeChat fournit une méthode permettant aux pages Web d'envoyer des messages aux mini-programmes : wx.miniProgram.postMessage. Cette méthode envoie des messages aux mini-programmes et sera traitée à des moments précis (retraite du mini-programme, destruction du composant, partage) déclenche l'événement message du composant.
Les détails spécifiques de l'API peuvent être consultés WeChat Open Document
https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html
Une brève introduction sur la fa?on d'utiliser et partagez-le comme par exemple, si la page A doit configurer un contenu de partage spécial, tel que le titre de transfert, la vignette, etc. Vous pouvez définir la valeur de la variable dans la page Web et l'envoyer à l'applet
page Web
let shareData = {
path: '轉(zhuǎn)發(fā)路徑',
title: '自定義轉(zhuǎn)發(fā)標(biāo)題',
imageUrl: '縮略圖url',
};
wx.miniProgram.postMessage({ data: JSON.stringify(shareData) });applet
index.wxml
message de liaison pour recevoir l'événement
<web-view bindmessage='getMessage' src='{{ src }}'></web-view>index.js
// 獲取從網(wǎng)頁發(fā)送來的消息
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,
};
}Ceci time La fonction de partage personnalisée est terminée, mais la méthode postMessage ne peut obtenir des messages que dans des scénarios spécifiques, alors comment obtenir la communication s'il ne s'agit pas d'un scénario spécifique ?
Un moyen simple d'entrer en communication
La solution que je propose n'est peut-être pas la meilleure ou la plus universelle, mais elle peut être utilisée comme alternative si vous rencontrez un problème.
1. Restauration de scène
Notre mini programme a un positionnement de ville Vous devez sélectionner la ville lorsque vous entrez dans le mini programme pour la première fois. Après avoir sélectionné la ville, elle sera mise en cache localement. Vous n'aurez plus besoin de resélectionner lorsque vous entrez à nouveau dans le mini-programme. Sélectionnez une ville. La fonction est la suivante capture d'écran
Après avoir sélectionné la ville, elle sera affichée dans le coin supérieur droit de la page d'accueil
étant donné que la page de sélection de la ville et la page d'accueil sont toutes deux intégrées à de petits programmes via le Web. vue, il est évidemment mis en cache dans la page H5. Les informations de cache ne peuvent pas être obtenues dans les mini-programmes.
2. Solution
La solution est très simple Après avoir communiqué avec mon partenaire back-end, je lui ai demandé de me fournir une interface pour associer l'identifiant de la ville aux informations de l'utilisateur, afin que je puisse. apporter de petites modifications à l'utilisateur. Pendant le programme, l'identifiant de la ville sélectionné par l'utilisateur la dernière fois est obtenu, puis mis en cache dans le mini programme, de sorte que l'utilisateur n'a pas besoin de sélectionner à nouveau la ville lorsqu'il entre à nouveau dans le mini programme
page Web
// 保存城市信息
const saveCityHandle = () => {
saveCity({
cityId: cityId,
userId: userId,
}).then(() => {});
};mini programme
après avoir obtenu l'identifiant de la ville, mettez-le en cache via wx.setStorageSync pour une utilisation ultérieure.
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);
}
},
});Résumé
"Vous pouvez devenir enseignant en révisant le passé et en apprenant le nouveau."
Parfois, lorsque vous revenez sur certains points de connaissance, vous pouvez avoir de nouvelles idées et les partager avec vous.ヾ(?°?°?)??
Un petit poème
J'ai regardé la date et j'ai découvert que décembre est le dernier mois de 2021. J'ai déjà écrit un petit poème, qui me correspond un peu maintenant Dans mon humeur, j'ai aussi des bénédictions pour moi et pour tout le monde.
眼前是一扇窗， 窗外是變換的景色， 夜晚， 墨綠的樹， 散落燈光的高樓大廈， 疾馳的汽車， 或匆忙或悠閑的行人。 我好像記住了每一座樓宇， 卻不記得每一張面孔， 不變的建筑， 變換的路人。 今年， 有一些變化， 每一顆追求人生的心， 都值得期待， 每一個不舍的眼神， 笑容也無法遮掩。 致， 所有開發(fā)的伙伴， 一期一祈， 勿懷猶也， 幸福美好。
【Recommandations d'apprentissage associées?: Tutoriel de développement de mini-programmes】
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undress AI Tool
Images de déshabillage gratuites
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!
Article chaud
Outils chauds
Bloc-notes++7.3.1
éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Comment envoyer des pages Web sur le bureau comme raccourci dans le navigateur Edge ?
Mar 14, 2024 pm 05:22 PM
Comment envoyer des pages Web sur le bureau sous forme de raccourci dans le navigateur Edge?? Beaucoup de nos utilisateurs souhaitent afficher les pages Web fréquemment utilisées sur le bureau sous forme de raccourcis pour faciliter l'ouverture directe des pages d'accès, mais ils ne savent pas comment procéder. En réponse à ce problème, l'éditeur de ce numéro partagera le. solution avec la majorité des utilisateurs, jetons un coup d’?il au contenu partagé dans le didacticiel du logiciel d’aujourd’hui. La méthode de raccourci pour envoyer des pages Web au bureau dans le navigateur Edge?: 1. Ouvrez le logiciel et cliquez sur le bouton "..." sur la page. 2. Sélectionnez ? Installer ce site en tant qu'application ? dans ? Application ? dans l'option du menu déroulant. 3. Enfin, cliquez dessus dans la fenêtre pop-up
Nouvelle génération de technologie haut débit par fibre optique - 50G PON
Apr 20, 2024 pm 09:22 PM
Dans l'article précédent (lien), Xiao Zaojun a présenté l'historique du développement de la technologie haut débit, du RNIS, du xDSL au 10GPON. Aujourd'hui, parlons de la nouvelle génération à venir de technologie haut débit par fibre optique-50GPON. █F5G et F5G-A Avant de présenter 50GPON, parlons d'abord de F5G et F5G-A. En février 2020, l'ETSI (European Telecommunications Standards Institute) a promu un système technologique de réseau de communication fixe basé sur 10GPON+FTTR, Wi-Fi6, transmission/agrégation optique 200G, OXC et d'autres technologies, et l'a nommé F5G. technologie de communication en réseau (The5thGenerationFixednetworks). F5G est un réseau fixe
Mar 22, 2024 pm 03:20 PM
L'exécution de code PHP dans une page Web nécessite de s'assurer que le serveur Web prend en charge PHP et est correctement configuré. PHP peut être ouvert de trois manières?: * **Environnement du serveur?:** Placez le fichier PHP dans le répertoire racine du serveur et accédez-y via le navigateur. * **Environnement de développement intégré?: **Placez les fichiers PHP dans le répertoire racine Web spécifié et accédez-y via le navigateur. * **Serveur distant?:** Accédez aux fichiers PHP hébergés sur un serveur distant via l'adresse URL fournie par le serveur.
Que dois-je faire si les images de la page Web ne peuvent pas être chargées?? 6 solutions
Mar 15, 2024 am 10:30 AM
Certains internautes ont constaté que lorsqu'ils ouvraient la page Web du navigateur, les images de la page Web ne pouvaient pas être chargées pendant une longue période. Que s'est-il passé?? J'ai vérifié que le réseau est normal, alors quel est le problème ? L'éditeur ci-dessous vous présentera six solutions au problème de l'impossibilité de charger les images de pages Web. Les images de la page Web ne peuvent pas être chargées?: 1. Problème de vitesse Internet La page Web ne peut pas afficher les images. Cela peut être d? au fait que la vitesse Internet de l'ordinateur est relativement lente et qu'il y a davantage de logiciels ouverts sur l'ordinateur et que les images auxquelles nous accédons sont relativement volumineuses. peut être d? à un délai de chargement. Par conséquent, l'image ne peut pas être affichée. Vous pouvez désactiver le logiciel qui utilise la vitesse du réseau et le vérifier dans le gestionnaire de taches. 2. Trop de visiteurs Si la page Web ne peut pas afficher d'images, c'est peut-être parce que les pages Web que nous avons visitées ont été visitées en même temps.
Raisons possibles pour lesquelles la connexion réseau est normale mais le navigateur ne peut pas accéder à la page Web
Feb 19, 2024 pm 03:45 PM
Le navigateur ne peut pas ouvrir la page Web mais le réseau fonctionne normalement. Il existe de nombreuses raisons possibles. Lorsque ce problème survient, nous devons enquêter étape par étape pour déterminer la cause spécifique et résoudre le problème. Tout d’abord, déterminez si la page Web ne peut pas être ouverte est limitée à un navigateur spécifique ou si tous les navigateurs ne peuvent pas ouvrir la page Web. Si un seul navigateur ne parvient pas à ouvrir la page Web, vous pouvez essayer d'utiliser d'autres navigateurs, tels que Google Chrome, Firefox, etc., à des fins de test. Si d'autres navigateurs parviennent à ouvrir la page correctement, le problème vient probablement de ce navigateur spécifique, peut-être
L'histoire du développement des souris sans fil
Jun 12, 2024 pm 08:52 PM
Titre original : ? Comment une souris sans fil devient-elle sans fil ? 》Les souris sans fil sont progressivement devenues un élément standard des ordinateurs de bureau d'aujourd'hui. Désormais, nous n'avons plus besoin de tra?ner de longs cables. Mais comment fonctionne une souris sans fil ? Aujourd'hui, nous allons découvrir l'histoire du développement de la souris sans fil n°1. Saviez-vous que la souris sans fil a maintenant 40 ans ? En 1984, Logitech a développé la première souris sans fil au monde, mais cette souris sans fil utilisait l'infrarouge comme signal. On dit que le transporteur ressemble à l'image ci-dessous, mais il a ensuite échoué pour des raisons de performances. Ce n'est qu'en 1994, dix ans plus tard, que Logitech réussit enfin à développer une souris sans fil fonctionnant à 27 MHz. Cette fréquence de 27 MHz est également devenue la souris sans fil pendant longtemps.
Que faire si la page Web ne peut pas être ouverte
Feb 21, 2024 am 10:24 AM
Comment résoudre le problème des pages Web qui ne s'ouvrent pas Avec le développement rapide d'Internet, les gens comptent de plus en plus sur Internet pour obtenir des informations, communiquer et se divertir. Cependant, nous rencontrons parfois le problème que la page Web ne peut pas être ouverte, ce qui nous pose beaucoup de problèmes. Cet article vous présentera quelques méthodes courantes pour vous aider à résoudre le problème des pages Web qui ne s'ouvrent pas. Tout d’abord, nous devons déterminer pourquoi la page Web ne peut pas être ouverte. Les raisons possibles incluent des problèmes de réseau, des problèmes de serveur, des problèmes de paramètres du navigateur, etc. Voici quelques solutions?: Vérifiez la connexion réseau?:?Tout d'abord, nous avons besoin
Méthodes et techniques d'implémentation de la communication Socket en PHP
Mar 07, 2024 pm 02:06 PM
PHP est un langage de développement couramment utilisé qui peut être utilisé pour développer diverses applications Web. En plus des requêtes et réponses HTTP courantes, PHP prend également en charge la communication réseau via Sockets pour obtenir une interaction de données plus flexible et plus efficace. Cet article présentera les méthodes et techniques d'implémentation de la communication Socket en PHP et joindra des exemples de code spécifiques. Qu'est-ce que Socket Communication Socket est une méthode de communication dans un réseau qui peut transférer des données entre différents ordinateurs. par S
