Introducción a los miniprogramas

1. La diferencia entre los programas pequeños y el desarrollo web ordinario


1. El entorno operativo es diferente

  • 网页corriendo 浏览器环境en
  • 小程序corriendo 微信环境en

2. Diferentes API

  • Debido a los diferentes entornos operativos, en el subprograma, 无法调用DOM和BOM的API. Sin embargo, varias API proporcionadas por el entorno de WeChat se pueden llamar en el Mini Programa, por ejemplo:
    • geolocalización
    • Escanear código
    • pagar
    • ……

3. Diferentes modelos de desarrollo

  • Modo de desarrollo de página web:浏览器 + 代码编辑器
  • Los mini programas tienen su propio conjunto de modelos de desarrollo estándar:
    • 申请小程序开发账号
    • 安装小程序开发者工具
    • 创建和配置小程序项目

2. Registre una cuenta


  • Use un navegador para abrir https://mp.weixin.qq.com/ el sitio web, haga clic en la esquina superior derecha “立即注册”para ingresar al proceso de registro de la cuenta de desarrollo del Mini Programa
    inserte la descripción de la imagen aquí

  • Seleccione el tipo de cuenta registrada
    inserte la descripción de la imagen aquí

  • Complete la información de la cuenta
    inserte la descripción de la imagen aquí

  • Rápida activación por correo electrónico
    inserte la descripción de la imagen aquí

  • Haga clic en el enlace para activar la cuenta
    inserte la descripción de la imagen aquí

  • Seleccione el tipo de tema
    inserte la descripción de la imagen aquí

  • Registro de información del asunto
    inserte la descripción de la imagen aquí

  • Obtener el AppID del applet
    inserte la descripción de la imagen aquí

3. Instalar herramientas de desarrollo

  • descargar:https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
    inserte la descripción de la imagen aquí

  • Instalar
    inserte la descripción de la imagen aquíinserte la descripción de la imagen aquí
    inserte la descripción de la imagen aquí

  • Escanea el código para iniciar sesión

  • Establecer apariencia y proxy
    inserte la descripción de la imagen aquí

4. Crea un pequeño proyecto de programa


  • Haga clic en el botón "más"
    inserte la descripción de la imagen aquí

  • Rellena la información del proyecto

  • Proyecto creado
    inserte la descripción de la imagen aquí

  • Ver el efecto del proyecto en el simulador
    inserte la descripción de la imagen aquí

  • Vista previa del efecto del proyecto en la máquina real

  • 5 componentes de la interfaz principal
    inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/m0_58190023/article/details/129581317
Recomendado
Clasificación