개인용 미니 프로그램 애플리케이션 개발 가이드

Mini 프로그램은 Alipay, WeChat, Toutiao 및 Baidu와 같은 주요 플랫폼에 의존하며 플랫폼은 해당 플랫폼에서 개발됩니다. 개인 개발자에게는 트래픽 속성이 있어 매우 편리합니다.

편리한 개발

---

최근에 나만의 작은 프로그램을 만들고 있어서 한 글로 정리해보겠습니다. 이미 작은 프로그램을 개발했다면 이 글을 읽을 필요가 없습니다.

미니 프로그램 개발은 매우 편리합니다. 공식 문서를 사용하면 WeChat 미니 프로그램 문서 및 Alipay 미니 프로그램 문서를 로컬에서 실행할 수 있습니다. 단지 표시용이라면 개발 후 업로드하고 검토를 기다리면 됩니다. . 약간의 프론트엔드 기본 지식만 있으면 자신만의 작은 프로그램을 개발할 수 있고, 아이디어가 있는 학생들은 실행에 옮길 수 있습니다.

개발 중에 문제가 발생하면 미니 프로그램 커뮤니티, WeChat 미니 프로그램 커뮤니티에서 도움을 구할 수도 있습니다.

공식 프로모션이 아닙니다. 자신만의 애플리케이션을 개발하고 싶다면, 미니 프로그램은 개발이 쉽고, 빠르게 퍼블리싱할 수 있으며, 자체적인 배포 기능을 갖고 있어 빠르게 시작할 수 있는 솔루션입니다. 아래에서 설명할 WeChat 애플릿을 선택하겠습니다.

WeChat 네이티브 미니 프로그램 개발

<!-- 项目目录结构 -->

|—— component               组件目录
|—— pages                   page页面目录
|   ......more dir           
|   |—— index               index页面
|   |  |—— index.js         index.js- js逻辑文件     
|   |  |—— index.json       index.json- json配置文件
|   |  |—— index.wxml       index.wxml- wxml页面结构
|   |  |—— index.wxss       index.wxss- wxss页面样式
|—— app.js                  全局js文件
|—— app.json                全局json配置文件
|—— app.wxss                全局样式文件
|—— project.config.json     项目配置
|—— sitemap.json            爬虫文件

프로젝트를 미니 프로그램 개발 도구로 가져오면 개발을 시작할 수 있습니다. 페이지를 추가하려면 페이지 디렉터리에 직접 새 파일 디렉터리를 추가하세요. 자세한 내용은 WeChat Mini 프로그램 문서

를 참조하세요. 구문 지원:

• 최신 버전 라이브러리는 현재 Es6/Es7, async/await 및 Promise를 지원합니다.

• 개발 도구가 코드를 변환합니다. 다양한 모델에 대한 각 스타일 적용을 보장하기 위해 Es5 구문에 적용합니다.

• 구문의 일부가 vue 및 React와 유사합니다.

구성요소 지원:

• 템플릿 템플릿 지원 제공, WeChat 애플릿 템플릿

• 구성 요소 자체 정의 구성 요소 지원, 구성 요소 내부에 수명 주기가 있습니다. 구성 요소 맞춤 구성 요소;

API 지원:

• Bluetooth와 같은 캡슐화된 시스템 기본 메서드를 호출할 수 있습니다. 네트워크 정보, 코드 스캔 및 기타 API 방법

• 저장, 요청, 애니메이션, 캔버스 등과 같은 기존 방법. 자세한 내용은 WeChat 미니 프로그램 API를 참조하세요. 미니 프로그램의 기본 개발은 물론 프레임워크를 사용할 수도 있습니다. 개인적으로 Taro는 프레임워크가 좋고 다중 터미널 애플릿 개발을 지원합니다

Taro 개발

Taro

개발 문서를 지원합니다. , WeChat/Baidu/Alipay/Toutiao 애플릿, H5, React-Native를 포함하여 현재 개발만 사용하고 있습니다. WeChat 미니 프로그램, Alipay 미니 프로그램, H5를 사용해 보았지만 나머지는 아직 사용해 보지 않았습니다.

---

|—— config                              开发配置文件
|—— dist                                目标文件目录
|—— src                                 开发目录
|   |—— actions                         redux action文件
|   |—— constants                       常量文件
|   |—— pages                           page页面目录
        ......more dir
|   |   |—— index
|   |   |   |—— index.scss
|   |   |   |—— index.txs
|   |—— reducers                        redux reducers文件
|   |—— store                           redux store文件
|   |—— app.scss                        app全局样式
|   |—— app.tsx                         app全局js
|   |—— index.html                      html文件
|—— .editorconfig                       editor配置文件         
|—— .eslintrc                           eslint配置文件
|—— global.d.ts                         global配置
|—— tsconfig.json                       ts配置文件
|—— package.json
|—— project.config.json
|—— readme.md

문법 지원:

React 문법 사양,

• CSS 프리컴파일러 지원, 업데이트된 문법이 필요한 경우 구성할 수 있습니다. config 구성;

• 구성 요소 지원:

• react 구성 요소 개발, 그러나 결국에는 기본 애플릿으로 컴파일됩니다.

• npm/yarn 관리 지원;

  상태 관리를 위해 Redux를 사용할 수 있습니다.

미니 프로그램 API와 H5 API를 한 번에 캡슐화하면 더 편리합니다.

react + ts + npm package

. end 정상적인 리듬을 개발합니다. 어떤 작은 프로그램을 개발하든 해당 명령만 실행하고 동시에 dist 디렉터리 파일을 개발 도구로 가져와서 효과를 확인하면 됩니다.

타로 및 네이티브 미니 프로그램
• 네이티브 미니 프로그램: 빨리 시작하세요. 프론트엔드 개발을 접한 학생들도 기본적으로 기술적인 장벽이 없습니다.

WeChat 애플릿 문서

를 위한 프로그래밍.

• Taro 개발: React 구문 사양, React 구성 요소 개발, TS 구문 지원, Redux 지원. 반응을 선호하는 학생들에게 적극 권장됩니다. React를 좋아한다면 Taro를 사용하여 개발하는 것이 좋습니다. (팀 협업이 용이함)

  미니 프로그램 개발 문제

  WeChat 미니 프로그램쿠키를 사용할 수 없습니다

  WeChat 미니 프로그램HTTPS가 아닌 도메인 이름은 지원되지 않습니다

  WeChat 미니 프로그램Sharing API는 동기 작업이며 콜백이 성공합니다. 동시에 실패합니다.

  WeChat 애플릿wx.setStorageSync 및 wx.getStorageSync API는 자주 오류를 보고합니다.

  WeChat 애플릿setData 데이터의 1M 제한은 데이터 분할로 해결할 수 있습니다

  WeChat 애플릿 마스터 패키지 제한은 2M이므로 너무 많은 외부 파일을 도입할 수 없습니다. (Taro를 사용하면 npm 패키지에 의존하게 됩니다.)

  WeChat 애플릿WeChat 개발 도구가 너무 많은 CPU를 차지하여 컴퓨터가 정지됩니다

  Of 물론 문제는 이것뿐만 아니라 WeChat 미니 프로그램의 기본 구성 요소, API 및 공식 플러그인과 같은 문제도 있습니다. 여기서는 자신만의 미니를 만들고 싶은 학생들을 위해 자세히 설명하지 않겠습니다. 프로그램은 기본적으로 이것으로 충분합니다.

  그런데 어떤 분들은 아직 프레임워크가 논의되지 않았냐고 물으실 수도 있어요. 실제로 Tora를 사용하여 작은 프로그램을 개발할 때 작은 프로그램을 작성할 때 다른 구문을 사용하는 것입니다. 마지막으로 명령 도구는 파일을 기본 작은 프로그램의 파일 형식으로 변환합니다.

  개인용 애플리케이션

  개인용 애플리케이션을 개발하는 데 어떤 방법을 사용하든 결국에는 제품 자체로 돌아가게 됩니다. 기술을 사용하여 마음속에 있는 개인 애플리케이션을 완성하고 사용자에게 애플리케이션을 제공하는 것이 궁극적인 목표입니다. (기술은 수단일 뿐, 제품은 목표입니다) 하지만 저는 개인적으로 타로를 이용해 개발하는데 그게 맛이에요.

  더 이상 헛소리는 하지 마세요. 개인 프로젝트 소스 코드가 모두에게 도움이 되기를 바랍니다

  github: wxSapp 개인 애플릿 소스 코드
  

  추천 튜토리얼: "WeChat 애플릿"

위 내용은 개인용 미니 프로그램 애플리케이션 개발 가이드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!