Escribe al principio
Soy un granjero de código de back-end. He estado en contacto con los applets de WeChat para necesidades de proyectos recientes. He organizado el proceso de aprendizaje y lo he compartido con mis amigos. Desde que estoy aprendiendo y organizando, es inevitable que haya errores.
Código QR del grupo WeChat Bienvenido al intercambio
Solicitar una cuenta
Haga clic en https: //mp.weixin.qq.com/wxop ... para ingresar a la página de registro del applet y completar los datos relevantes de acuerdo con las pautas.
Descargar herramientas de desarrollo
Dirección de descarga de la herramienta de desarrollador , descargue la versión correspondiente de acuerdo con su propio sistema operativo
Hola Mundo
Ingrese https://mp.weixin.qq.com , 设置
- 开发设置
encontrado AppID:
Ejecute el instalado 微信开发者工具
, seleccione 小程序项目
, complete el AppID y la información del directorio del paso anterior.
Cree los siguientes archivos en el directorio del proyecto:
/app.json
{
"pages": [
"pages/index/index"
]
}
/pages/index/index.js
Page({
data: {
hello: "这里将显示Hello文字"
},
handleDisplayHello() {
this.setData({
hello: "Hello WeChat MiniProgram"
})
}
})
/pages/index/index.wxml
<view class="container">
<view class="content">{{hello}}</view>
<button bindtap="handleDisplayHello">显示Hello</button>
</view>
/pages/index/index.wxss
.container {
display:flex;
flex-direction: column;
align-items: center;
}
.container .content{
margin: 50rpx;
color: #0000cc;
}
Haga clic en el 编译
botón en la barra de herramientas para obtener una vista previa del efecto en el simulador, y haga clic en el botón en el applet 显示Hello
para obtener una vista previa Hello WeChat MiniProgram
, como se muestra en la figura:
Lo anterior es el trabajo de preparación simple para el desarrollo de pequeños programas y la implementación de demostración de HelloWorld. El siguiente artículo explicará cada archivo en detalle.
Siguiente aviso
Explicaremos la estructura y el significado de los archivos fuente del applet WeChat en detalle, así que esté atento.
WeChat Exchange Group
grupo Micro-canal será el tiempo de espera de un código de dos dimensiones, con el fin de facilitar la actualización, el código de dos dimensiones en el grupo colocado en Github Portal >>>