Applet WeChat
Développement WeChat
Résumer un exemple du processus de développement de WeChat
éditeur
J'utilise directement vscode (il en va de même pour les autres éditeurs, et j'utilise toujours les outils de développement WeChat pour la prévisualisation) , mettez en surbrillance la syntaxe et définissez wxml sur html et wxss sur css
"files.associations": {
"*.wxss": "css",
"*.wxml": "html"
}Vous pouvez également installer des plug-ins liés aux mini-programmes
Commencer à écrire du code
Tout d'abord, vous devez lire le document de l'applet WeChat (framework, composants et API) dans son intégralité pour faciliter la recherche ultérieure.
le composant de vue correspond à p
le texte correspond à span
le sélecteur wxss ne prend en charge que l'élément , #id, .className, ::after, ::before
Composants publics
Créez de nouveaux composants dans le répertoire du projet, appuyez sur Similaire à la structure du répertoire des pages, placez les modèles, styles et fichiers js de chaque composant dans le même dossier
Le modèle peut être directement
Ou si vous devez transmettre une valeur, utilisez le style + en utilisant @import pour importer
-
js est introduit dans la page à l'aide de require, puis chargé dans l'objet de page à l'aide de mergePage ci-dessous.
mergePage
Chargement des composants
const ErrorMsg = require('../../../components/error-msg/error-msg');
Page(util.mergePage({
// 頁面 Page 方法...
onLoad() {
// 可以直接在頁面方法中調用 showErrorMsg 方法
}
}, ErrorMsg/* 更多組件也可以*/));
Utilisez la méthode mergePage pour enregistrer toutes les méthodes de composant et les événements de page dans l'objet page
écriture des composants Méthode
var errorTimer;
module.exports = {
showErrorMsg(msg, cb) {
clearTimeout(errorTimer);
this.setData({
errorMsg: msg
});
errorTimer = setTimeout( () => {
this.setData({
errorMsg: false
});
cb && cb();
}, 2000);
}
// 可以在這里注冊 `onLoad`，`onShow`等頁面事件
}Vous pouvez utiliser this.setData dans le composant pour mettre à jour les données de la page, ou enregistrer onLoad, onShow et d'autres événements de page L'événement du dernier paramètre de mergePage. sera appelé en premier.
code source de mergePage
/**
* 合并 Page 對象所有的方法及事件
* 子對象不能使用 data 屬性，請在 onLoad 中使用 setData 方法設置
*/
function mergePage(dest, ...src) {
let args = arguments;
let eventsStack = {
onLoad: [],
onReady: [],
onShow: [],
onHide: [],
onUnload: [],
onPullDownRefresh: [],
onReachBottom: [],
};
// 保存所有的事件，最后一個參數(shù)的事件會最先調用。
for(let name in eventsStack) {
for(let i = args.length - 1; i >= 0; i--) {
args[i][name] && eventsStack[name].push(args[i][name])
}
}
Object.assign(...args);
for(let name in eventsStack) {
dest[name] = function() {
for(let i = 0; i < eventsStack[name].length; i++) {
eventsStack[name][i].apply(this, arguments);
}
}
}
return dest;
}es 6
fonction de flèche, Valeurs par défaut et structure analytique des paramètres de fonction
wx.request({
complete: ({data= {}}) => {
// 1. 因為 wx.request 返回的接口數(shù)據(jù)是在 data 屬性里，這里我們只要 data 屬性就行了，所以直接參數(shù)解析構
// 2. 如果 failed，無 data 時，data 將為默認值 {}
if(data.code !== 0) {
// do something if request failed
return;
}
// 請求正常處理代碼
// 3. 因為用的箭頭函數(shù)，回調里可以正常使用 this, 訪問 Page 對象的方法
// 比如 this.setData(...)
}
})
Certains paramètres de fonction peuvent également utiliser directement les paramètres par défaut.
Opérateurs d'expansion et abréviations d'attributs d'objet
Lorsque vous transmettez des paramètres de données au modèle, vous pouvez utiliser des abréviations d'attributs d'objet, telles que
<template is="..." data="{{...obj, id: otherIdVariable, name}}"></template>
De cette fa?on, toutes les clés dont les variables sont des objets obj peuvent être utilisées dans le modèle, ainsi que l'identifiant et le nom
La cha?ne du modèle
peut être utilisé directement et facilement dans l'applet. Utilisez es 6 cha?nes de modèles
let url = `${app.globalData.API_PREFIX}/cart/add`;
Plus de fonctionnalités es 6
Autres notes
L'ic?ne wx.showToast ne prend en charge que le "succès" et le "chargement", l'invite d'erreur doit être personnalisée
Si les variables du modèle n'ont aucune valeur, veuillez consulter les données.
L'outil de développement (v0.10.102800) peut utiliser la méthode suivante pour ajouter une interface permettant de demander un nom de domaine, mais malheureusement il ne peut pas être utilisé dans WeChat.
// 放到 app.js 前面 wxConfig.projectConfig.Network.RequestDomain.push('https://weapp.juanpi.com');
Le JS de toutes les pages sera exécuté immédiatement au démarrage, plut?t qu'à l'ouverture de la page, donc certains sont écrit globalement Le code doit être placé après onLoad autant que possible. Voici le code chargé vu depuis la source Debug?:
define("pages/index/index.js", function(require, module, exports, window,document,frames,self,location,navigator,localStorage,history,Caches,screen,alert,confirm,prompt,XMLHttpRequest,WebSocket ){ 'use strict';
var app = getApp();
var util = require('../../../utils/util');
var ErrorMsg = require('../../../components/error-msg/error-msg');
var AddressPicker = require('../../../components/address-picker/address-picker');
Page(util.mergePage({
// 頁面代碼省略
}, AddressPicker, ErrorMsg));
//# sourceMappingURL=data:application/json;...
});require("pages/index/index.js")[Recommandations associées. ]
1. Téléchargement du code source de la plateforme de compte public WeChat
2 Résumé des techniques de mise en page de l'interface utilisateur de développement d'applets WeChat
. 3. Développement WeChat du paiement WeChat
4 Résumé intéressant de l'expérience de développement du mini-programme WeChat
.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)
Développement PHP WeChat?: Comment implémenter le cryptage et le décryptage des messages
May 13, 2023 am 11:40 AM
PHP est un langage de script open source largement utilisé dans le développement Web et la programmation c?té serveur, notamment dans le développement de WeChat. Aujourd'hui, de plus en plus d'entreprises et de développeurs commencent à utiliser PHP pour le développement de WeChat, car il est devenu un langage de développement vraiment facile à apprendre et à utiliser. Dans le développement de WeChat, le cryptage et le décryptage des messages sont une question très importante car ils impliquent la sécurité des données. Pour les messages sans méthodes de cryptage et de décryptage, les pirates peuvent facilement obtenir les données, ce qui constitue une menace pour les utilisateurs.
Développement PHP WeChat?: Comment implémenter la fonction de vote
May 14, 2023 am 11:21 AM
Dans le développement des comptes publics WeChat, la fonction de vote est souvent utilisée. La fonction de vote est un excellent moyen pour les utilisateurs de participer rapidement aux interactions, et c'est également un outil important pour organiser des événements et recueillir des opinions. Cet article vous présentera comment utiliser PHP pour implémenter la fonction de vote WeChat. Obtenez l'autorisation du compte officiel WeChat. Tout d'abord, vous devez obtenir l'autorisation du compte officiel WeChat. Sur la plateforme publique WeChat, vous devez configurer l'adresse API du compte public WeChat, le compte officiel et le token correspondant au compte public. Dans le processus de développement en langage PHP, nous devons utiliser le PH officiellement fourni par WeChat
Utiliser PHP pour développer des outils de messagerie de masse WeChat
May 13, 2023 pm 05:00 PM
Avec la popularité de WeChat, de plus en plus d’entreprises commencent à l’utiliser comme outil marketing. La fonction de messagerie de groupe WeChat est l'un des moyens importants permettant aux entreprises de mener du marketing WeChat. Cependant, si vous comptez uniquement sur l’envoi manuel, il s’agit d’une tache extrêmement longue et laborieuse pour les spécialistes du marketing. Il est donc particulièrement important de développer un outil de messagerie de masse WeChat. Cet article présentera comment utiliser PHP pour développer des outils d'envoi de masse WeChat. 1. Travail de préparation Pour développer les outils d'envoi de masse WeChat, nous devons ma?triser les points techniques suivants : Connaissance de base du développement de la plateforme publique PHP WeChat Outils de développement : Sub
Développement PHP WeChat?: Comment implémenter la gestion des fenêtres de discussion du service client
May 13, 2023 pm 05:51 PM
WeChat est actuellement l'une des plateformes sociales comptant la plus grande base d'utilisateurs au monde. Avec la popularité de l'Internet mobile, de plus en plus d'entreprises commencent à prendre conscience de l'importance du marketing WeChat. Lors du marketing WeChat, le service client est un élément crucial. Afin de mieux gérer la fenêtre de discussion du service client, nous pouvons utiliser le langage PHP pour le développement de WeChat. 1. Introduction au développement PHP WeChat PHP est un langage de script open source c?té serveur largement utilisé dans le domaine du développement Web. En combinaison avec l'interface de développement fournie par la plateforme publique WeChat, nous pouvons utiliser le langage PHP pour mener WeChat
Développement PHP WeChat?: Comment implémenter la gestion des balises utilisateur
May 13, 2023 pm 04:31 PM
Dans le développement des comptes publics WeChat, la gestion des balises utilisateur est une fonction très importante, qui permet aux développeurs de mieux comprendre et gérer leurs utilisateurs. Cet article explique comment utiliser PHP pour implémenter la fonction de gestion des balises utilisateur WeChat. 1. Obtenez l'openid de l'utilisateur WeChat Avant d'utiliser la fonction de gestion des balises utilisateur WeChat, nous devons d'abord obtenir l'openid de l'utilisateur. Dans le développement des comptes publics WeChat, il est courant d'obtenir l'openid via l'autorisation de l'utilisateur. Une fois l'autorisation de l'utilisateur terminée, nous pouvons obtenir l'utilisateur via le code suivant
Développement PHP WeChat?: Comment implémenter des enregistrements d'envoi de messages de groupe
May 13, 2023 pm 04:31 PM
Alors que WeChat devient un outil de communication de plus en plus important dans la vie des gens, sa fonction de messagerie agile est rapidement privilégiée par un grand nombre d'entreprises et de particuliers. Pour les entreprises, développer WeChat en une plate-forme marketing est devenu une tendance, et l'importance du développement de WeChat est progressivement devenue plus importante. Parmi eux, la fonction d'envoi de groupe est encore plus largement utilisée. Alors, en tant que programmeur PHP, comment implémenter des enregistrements d'envoi de messages de groupe ? Ce qui suit vous donnera une brève introduction. 1. Comprendre les connaissances en développement liées aux comptes publics WeChat. Avant de comprendre comment mettre en ?uvre des enregistrements d'envoi de messages de groupe, je
étapes pour mettre en ?uvre le développement du compte public WeChat à l'aide de PHP
Jun 27, 2023 pm 12:26 PM
Comment utiliser PHP pour développer des comptes publics WeChat Les comptes publics WeChat sont devenus un canal important de promotion et d'interaction pour de nombreuses entreprises, et PHP, en tant que langage Web couramment utilisé, peut également être utilisé pour développer des comptes publics WeChat. Cet article présentera les étapes spécifiques pour utiliser PHP pour développer des comptes publics WeChat. étape 1 : Obtenez le compte développeur du compte officiel WeChat. Avant de commencer le développement du compte officiel WeChat, vous devez demander un compte développeur du compte officiel WeChat. Pour le processus d'inscription spécifique, veuillez vous référer au site officiel de la plateforme publique WeChat
Comment utiliser PHP pour le développement WeChat ?
May 21, 2023 am 08:37 AM
Avec le développement d’Internet et des appareils mobiles intelligents, WeChat est devenu un élément indispensable dans les domaines social et marketing. Dans cette ère de plus en plus numérique, la manière d'utiliser PHP pour le développement de WeChat est devenue la préoccupation de nombreux développeurs. Cet article présente principalement les points de connaissances pertinents sur la fa?on d'utiliser PHP pour le développement WeChat, ainsi que certains conseils et précautions. 1. Préparation de l'environnement de développement Avant de développer WeChat, vous devez d'abord préparer l'environnement de développement correspondant. Plus précisément, vous devez installer l'environnement d'exploitation PHP et la plateforme publique WeChat
