Cómo utilizar las herramientas de desarrollo web de WeChat
Cuenta pública de WeChat, cuenta personal de WeChat
Computadora
Pasos de uso
;Descargue e instale las herramientas de desarrollo web WeChat.
Inicie la herramienta de desarrollo web WeChat.
Inicie sesión en la cuenta oficial de WeChat, ingrese a las herramientas de desarrollo web y vincule su cuenta personal de WeChat.
Inicie sesión en la herramienta de desarrollo web WeChat a través de su ID personal de WeChat.
Copia el enlace de WeChat a la barra de direcciones y listo.
Luego, si necesita depuración móvil, inicie sesión en las herramientas de desarrollo, abra una página de cuenta pública a voluntad, copie el enlace y colóquelo en la barra de direcciones de las herramientas de desarrollo. Ahora básicamente puede depurar. tu computadora.
Primero, seleccione Depuración de dispositivos Android: Depuración general.
Siga sus indicaciones: pasos de depuración para configurar el teléfono. La configuración del proxy del teléfono se muestra en la figura:
Después de configurar el proxy en el teléfono, haga clic en el desarrollador. página de herramientas para iniciar la depuración.
Nota:
Es importante tener en cuenta que en dispositivos que utilizan Android 4.2 o superior, las opciones de desarrollador están ocultas de forma predeterminada.
Pregunta 2: ¿Cómo utilizar las herramientas de desarrollo web de WeChat? .6
Pregunta 3: Cómo utilizar las herramientas de desarrollo de WeChat Cómo abrir un pequeño programa Primero inicie sesión en la página web de tutorial simple publicada por WeChat. Después de iniciar sesión, haga clic en el botón "Herramientas". barra de navegación. Luego haga clic en el botón "Descargar" en el lado izquierdo de la barra de navegación.
Las herramientas de desarrollo de mini programas WeChat están disponibles en las versiones de Windows 64, Windows 32 y Mac. Descargue la versión correspondiente según la situación de su computadora.
Después de descargar la herramienta de desarrollo del subprograma WeChat, seleccione la ruta adecuada para instalarla.
Después de instalar las herramientas de desarrollo, el icono de la herramienta de desarrollo del subprograma WeChat se agregará automáticamente al escritorio. Haga clic en el ícono de la herramienta de desarrollo web WeChat para abrir la herramienta de desarrollo del subprograma WeChat, luego use su propio software WeChat para escanear el código QR para iniciar sesión e ingresar a la herramienta de desarrollo web WeChat.
Después de ingresar a la demostración de la herramienta para desarrolladores proporcionada por WeChat, debemos hacer clic en el botón de cierre más pequeño en la esquina inferior izquierda para salir del proyecto actual. Luego haga clic en Agregar proyecto, agregue un nuevo proyecto e ingrese la información del proyecto para completar la interfaz.
Si tiene un AppID proporcionado por WeChat, complete el AppID que obtuvo. Si no, haga clic en Sin AppID.
En "Nombre del proyecto", completa el nombre del proyecto (puedes completarlo como quieras).
Para Directorio de proyectos, si desea crear un nuevo proyecto, primero haga clic en Seleccionar y luego seleccione una carpeta para el proyecto. Si está importando un proyecto, busque la ubicación del proyecto e impórtelo directamente.
Finalmente, el artículo se agregará a la tienda y listo.
Pregunta 4: Cómo utilizar las herramientas de desarrollo de la plataforma pública WeChat Menú personalizado en WeChat: puede configurar tres menús grandes y cada menú grande se puede expandir hasta cinco submenús. Al hacer clic en el menú principal, aparecerán los submenús debajo del menú principal, y al hacer clic en cada submenú se activará una solicitud para devolver información. Los usuarios pueden acceder a los principales servicios de información que proporciona la cuenta con un solo clic.
La mayor ventaja de los menús personalizados es que reduce el umbral cognitivo del usuario y puede mostrar intuitivamente a los usuarios los principales portales de información en las cuentas públicas. Cuando un usuario ingresa a una cuenta pública y simplemente hace clic en estos servicios, puede ver de un vistazo qué servicios están disponibles sin tener que pasar por una serie de interacciones de línea de comando (o simplificar las interacciones de la línea de comando para proporcionar una barrera de entrada más baja). .
Pregunta 5: Cómo utilizar las herramientas de desarrollo web de WeChat Cómo utilizar las herramientas de desarrollo web de WeChat Puede ver qué se utilizan en los cursos de WeChat de Han Shunping y qué se pueden utilizar. fácil de usar
p>
Pregunta 6: ¿Cómo utilizar las herramientas de desarrollo web WeChat? Cómo utilizar las herramientas de desarrollo web de WeChat Las funciones principales de las herramientas de desarrollo web de WeChat:
Utilice su propio ID de WeChat para depurar la autorización de la página web de WeChat;
Utilice su propio ID de WeChat para depurar WeChat autorización de página web;
Utilice su propio ID de WeChat para depurar la autorización de página web. Depurar la autorización de la página web de WeChat;
Depurar y verificar las funciones y permisos de la página relacionados con JS-SDK, y simular la mayor parte de la entrada y salida del SDK;
Utilizar la depuración móvil basada en WeChat;
Ayudar al desarrollo con Chrome DevTools integrado.
La barra de menú superior de esta herramienta es una entrada unificada para operaciones como actualizar, devolver y verificar la barra de direcciones. También es la página de configuración de simulación de la versión del cliente WeChat. A la izquierda está el simulador de vista web de WeChat, que le permite manipular directamente las páginas web
para simular el comportamiento real del usuario. En la parte superior derecha está la barra de direcciones, que se utiliza para ingresar el enlace a la página que desea depurar, y el botón para borrar caché. En la parte inferior derecha se encuentran las solicitudes relevantes y los resultados devueltos, así como la pantalla de depuración y el botón de inicio de sesión.
Pregunta 7: Cómo utilizar la herramienta de desarrollo web WeChat Cómo utilizar la herramienta de desarrollo web WeChat Herramientas utilizadas: computadora Los pasos son los siguientes:
Descargue e instale WeChat. herramienta de desarrollo web, abra la interfaz de la herramienta de desarrollo web WeChat de la siguiente manera:
2. Ingrese la URL del subprograma WeChat que desea depurar y seleccione el tipo de dispositivo móvil (Android o ios), tomando Android. como ejemplo:
Nota: Seleccione el bloque correspondiente a la izquierda y se rastreará el código de la derecha.
Nota: Para abrir la URL en la herramienta de depuración, necesita autorización de la plataforma pública WeChat para iniciar sesión en la herramienta de desarrollo web WeChat.
Pregunta 8: Cómo utilizar la herramienta de desarrollo web WeChat para iniciar la herramienta de desarrollo web WeChat
Inicie sesión en la cuenta oficial de WeChat, ingrese a la herramienta de desarrollo web y vincule su cuenta personal. ID de WeChat
Inicie sesión en la herramienta de desarrollo web WeChat a través de su ID de WeChat personal
Copie el enlace a la cuenta oficial de WeChat en la barra de direcciones y listo
Depuración móvil, así que estad atentos.
Pregunta 9: Cómo utilizar la herramienta para desarrolladores web WeChat. Esto debe ser implementado por los desarrolladores. Para obtener más información, debe consultar la documentación para desarrolladores.
Pregunta 10: Cómo utilizar la herramienta. Herramienta para desarrolladores web WeChat Tutorial de WeChat sobre el uso de herramientas para desarrolladores web:
1. Primero, lo que el usuario debe hacer es descargar, instalar e iniciar la herramienta.
Descarga y uso instantáneos ==》Descarga de la herramienta de desarrollo web WeChat
2. Depurar la autorización de la página web de WeChat, los pasos específicos son:
1) Los desarrolladores pueden haga clic para depurar Haga clic en "Iniciar sesión" en el servidor y use el código WeChat de su teléfono móvil para iniciar sesión, de modo que pueda usar su identidad de usuario real para desarrollar y depurar páginas web de WeChat para su autorización. Depuración de la autorización de la página web de WeChat. Asegúrese de que la cuenta oficial vinculada a la página de inicio de sesión del teléfono móvil sea "Herramienta de desarrollo web WeChat".
2) Para garantizar la seguridad de la información de identidad del desarrollador, requerimos que la cuenta WeChat del desarrollador esté vinculada a la cuenta oficial que desea depurar. La operación específica es: iniciar sesión en el backend de administración con la cuenta oficial, habilitar el Centro de desarrolladores y enviar una invitación vinculante de ID de WeChat para desarrolladores en la página Herramientas para desarrolladores-Herramientas para desarrolladores web.
3) El desarrollador acepta la invitación en WeChat y se completa el enlace. Cada cuenta oficial puede vincularse a hasta 10 ID de WeChat de desarrollador al mismo tiempo.
La página de confirmación de la invitación se muestra a continuación:
4) Después de completar el inicio de sesión y la vinculación, el desarrollador puede comenzar a depurar la autorización de la página web de WeChat. Tenga en cuenta que solo puede depurar la cuenta oficial que ha vinculado:
URL autorizada no silenciosa: haga clic para ver
En la herramienta de desarrollo web WeChat, la URL anterior, el simulador de vista web muestra el efecto como se muestra en la figura:
Haga clic en la página web de WeChat La URL de las herramientas de desarrollador. p>
Haga clic en "Confirmar inicio de sesión" para ir a la página de terceros con información del usuario, lo cual es muy conveniente para el desarrollo y la depuración posteriores.
URL autorizada silenciosamente: haga clic para ver
Abra esta URL en la herramienta de desarrollo web WeChat y saltará automáticamente a la página de terceros.
(Nota: si utiliza un proxy, el proxy debe admitir una conexión directa para depurar la página).
3. Simule la verificación de permisos JSSDK
Vía web Herramientas de desarrollo, puede simular solicitudes JSSDK en el cliente WeChat y visualizar los resultados y registros de verificación. Al abrir la URL en el depurador, puede ver fácilmente el estado de validación de la página actual, wx.config y el registro de llamadas JSSDK en la pestaña JS-SDK a la derecha. Las siguientes son las páginas que han pasado la verificación:
Las siguientes son las páginas que no han pasado la verificación:
En la pestaña "Lista de permisos", puede consultar el JS -SDK que tiene permisos para la lista de páginas actual:
4. Depuración móvil
La función de depuración móvil se ha mejorado según weinre. En comparación con el uso directo de weinre, tiene dos ventajas. :
1) No es necesario agregar manualmente el script de depuración de weinre en la página:
2) Puede ver el registro de solicitudes completo en la pestaña de solicitudes web de weinre, no solo el Solicitud ajax:
(Tenga en cuenta que actualmente no se admite la depuración móvil).
5. Chrome DevTools
Las herramientas para desarrolladores web de WeChat están integradas con Chrome DevTools. que es la misma que la experiencia de depuración anterior en PC para que pueda comenzar rápidamente.
Los anteriores son algunos usos básicos de las herramientas de desarrollo web de WeChat. Después de todo, este es un software de "alta gama" adecuado para desarrolladores. Para "analfabetos" como yo, no tengo idea de cómo usarlo. este software. Esto aún debe ser explorado por los propios desarrolladores. Creo que definitivamente se convertirá en una herramienta de desarrollo esencial para los desarrolladores.... gt;