WeChat 애플릿(애플리케이션 계정) 간편 애플리케이션-미니 프로그램 개발-php.cn

WeChat 애플릿(애플리케이션 계정) 간편 애플리케이션

不言

풀어 주다： 2018-06-23 13:51:21

원래의

2161명이 탐색했습니다.

이 글에서는 위챗 애플릿(어플리케이션 계정)의 간단한 예시 애플리케이션 관련 정보를 주로 소개합니다. 도움이 필요한 친구들은

데모 미리보기

데모 영상(교통 경고 2.64MB)

을 참고하세요. GitHub Repo 주소

창고 주소: https://github.com/zce/weapp-demo

단계

를 사용하여 저장소를 로컬로 복제:

bash $ git clone https:/ / github.com/zce/weapp-demo.git weapp-douban --깊이 1 $ cd weapp-douban

WeChat 웹 오프너 도구를 엽니다(참고: 버전 0.9.092300이어야 함)

0.9여야 합니다. 092300 버전, 이전 버전은 정상적인 작동을 보장할 수 없습니다

인터넷상의 소위 크래킹은 이전 버전인 0.9.092100에만 해당됩니다. 새로운 공식 버전에서는 크래킹이 필요하지 않습니다. , 균열이 없습니다!

다운로드 링크(공식 버전, 안심하고 다운로드): https://pan.baidu.com/s/1qYld6Vi

wechat_web_devtools_0.9.092300_x64.exe (Windows 64-bit)
wechat_web_devtools_0.9.092300_ia32.exe ( Windows 32비트)
wechat_web_devtools_0.9.092300.dmg (macOS)

1. 프로젝트 추가 선택, 해당 정보 입력 또는 선택

AppID: 오른쪽 하단에 AppID 없음 클릭 (저도 자격이 없습니다.) , 이번에 200곳이 샤오롱친이라고 하네요 클릭)
프로젝트명 : 배포가 포함되지 않으니 부담없이 적어주시면 상관없습니다
프로젝트 디렉토리 : 방금 복제한 폴더를 선택하세요
추가하려면 클릭하세요 프로젝트

새해 복 많이 받으시고 행운을 빕니다

WeChat Web Opener 도구에서 코딩할 수 있습니다(원하는 편집기를 선택할 수도 있습니다)

1. 왼쪽 하단에 있는 다시 시작 버튼을 통해 코딩 후 미리보기

2. Bash 사용자는 프로젝트 디렉터리를 클릭할 수 있습니다. 다음 명령을 실행하여 새 구성 요소에 필요한 파일을 빠르게 생성할 수 있습니다:

bash $ ./generate page < ;new-page-name> # 또는 $ ./generate 컴포넌트

나머지는 자유롭게 플레이하실 수 있습니다

WeChat 미니 프로그램 기본 튜토리얼(지속적으로 업데이트됩니다)

프로젝트 폴더 만들기 그리고 기본 필수 파일을 생성합니다

app.js

项目主入口文件（用于创建应用程序对象）

// App函数是一个全局函数，用于创建应用程序对象
App({
 // ========== 全局数据对象（整个应用程序共享） ==========
 globalData: { ... },

 // ========== 应用程序全局方法 ==========
 method1 (p1, p2) { ... },
 method2 (p1, p2) { ... },

 // ========== 生命周期方法 ==========
 // 应用程序启动时触发一次
 onLaunch () { ... },

 // 当应用程序进入前台显示状态时触发
 onShow () { ... },

 // 当应用程序进入后台状态时触发
 onHide () { ... }
})

로그인 후 복사

app.json

프로젝트 구성 선언 파일(네비게이션 바 스타일 색상 등 프로젝트의 일부 정보 지정)

{
 // 当前程序是由哪些页面组成的（第一项默认为初始页面）
 // 所有使用到的组件或页面都必须在此体现
 // https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#pages
 "pages": [ ... ],
 // 应用程序窗口设置
 // https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#window
 "window": { ... },
 // 应用导航栏设置
 // https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#tabBar
 "tabBar": { ... },
 // 网络超时设置
 // https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#networkTimeout
 "networkTimeout": {},
 // 是否在控制台输出调试信息
 // https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#debug
 "debug": true
}

로그인 후 복사

app.wxss

[!Optional!] 프로젝트 전역 스타일 파일, 콘텐츠는 CSS 표준 구문을 따릅니다

페이지 구성 요소 만들기

각 페이지 구성 요소도 4개의 파일로 나뉩니다: