>  기사  >  웹 프론트엔드  >  WeChat 미니 프로그램은 HTML5인가요?

WeChat 미니 프로그램은 HTML5인가요?

青灯夜游
青灯夜游원래의
2021-09-13 15:39:027780검색

WeChat 애플릿은 HTML5가 아니며 WeChat의 독립적인 개발 모델을 기반으로 하므로 사람들의 개발 비용과 개발 주기를 절약할 수 있습니다. WeChat 미니 프로그램과 HTML5의 차이점: 1. 운영 환경의 차이 2. 개발 비용의 차이 3. 시스템 수준 권한 획득의 차이 4. 프로덕션 환경에서 애플리케이션의 실행 유연성의 차이

WeChat 미니 프로그램은 HTML5인가요?

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

HTML은 영어로 Hyper Text Markup Language라고 합니다. HTML5는 기술이고, HTML5가 부착된 셸은 브라우저이며, 미니 프로그램은 다운로드 및 설치가 필요 없는 위챗 기반 애플리케이션입니다.

"프런트 엔드 개발"의 관점에서 WeChat 애플릿과 HTML5에는 많은 차이점이 있습니다. 요약하면 4가지 차이점이 있습니다!

먼저 실행 환경의 차이

HTML5의 전통적인 실행 환경은 웹뷰를 포함한 브라우저인 반면, 위챗 애플릿의 실행 환경은 완전한 브라우저가 아닙니다. 제가 여기에 쓰는 내용은 다음과 같은 이유로 "완전하지 않은 브라우저"라는 점에 유의하시기 바랍니다.

HTML5 관련 기술(전부는 아님)이 작은 프로그램의 개발 과정에서 사용될 것입니다.

미니 프로그램의 최종 릴리스에는 WeChat 검토가 필요합니다. WeChat은 자체 소프트웨어를 업데이트하지 않고도 미니 프로그램을 자체 소프트웨어로 업데이트할 수 있으며 이는 ReactNative 프레임워크를 연상시킵니다. 그리고 일부 개발자는 React 및 NodeWebkit 라이브러리가 WeChat 애플릿 개발 도구의 소스 코드에 사용된다는 사실을 발견했습니다.

공식문서에서는 브라우저에서 흔히 사용하는 window 객체와 document 객체를 스크립트에서 사용할 수 없다고 강조하고 있습니다. (이에 따라 zepto/jQuery와 같이 DOM을 운영하는 라이브러리는 완전히 폐기되었습니다.)

그래서 미니 프로그램의 실행 환경은 WeChat 개발팀이 브라우저 커널을 기반으로 완전히 재구성한 내장 파서일 가능성이 매우 높다고 생각합니다. 이는 미니 프로그램에 특별히 최적화되어 있으며 자체 정의된 것과 협력합니다. 미니 프로그램 성능을 향상시키기 위해 언어 표준을 개발합니다.

그러나 WeChat은 개발자에게 개발 도구를 제공하고 개발 도구에는 프로그래밍, 디버깅, 개발 환경 및 게시도 내장되어 있으므로 더 이상 최종 운영 환경에 대해 논의할 필요가 없습니다. 공식 문서에 그게 다야. 그리고 개발자에게 개발 도구를 제공하려는 WeChat 팀의 움직임은 Apple이 개발자에게 제공하는 X-CODE 개발 도구를 연상시킵니다. WeChat의 "야망"은 분명합니다

제2조: 개발 비용의 차이

여기서 나는 HTML5 웹 개발 요구 사항에 직면할 때 무엇을 고려해야 하는지에 대한 질문을 제기합니다.

개발 도구(vscode, sublimtext, Atom 등), 프런트엔드 프레임워크(Angular, React, Vue, Backbone 등), 모듈 관리 도구(Webpack, Browserify 등), 작업 관리 도구( Grunt, Gulp 등)), UI 라이브러리 선택, 인터페이스 호출 도구(ajax, Fetch Api 등), 브라우저 호환성 등, 쉽지 않더라도 하나씩 고려해야 합니다. H5를 작성하기 위해 jqery 플러그인을 사용하려면 개발 과정에서 프로젝트에 맞는 jquery 플러그인을 찾아야 합니다.

이러한 도구는 사용자 정의가 가능하고 개발자의 개발 효율성을 향상시킵니다. 그러나 편집자는 대부분의 개발자가 자신만의 구성 템플릿을 가지고 있음에도 불구하고 프로젝트 개발의 구성 작업에 많은 에너지가 소비되었다고 믿습니다. 프로젝트에 사용되는 다양한 외부 라이브러리의 버전 반복 및 버전 업그레이드에 대한 장기적인 비용이 낮아서는 안됩니다.

그리고 WeChat 애플릿의 개발 요구 사항에 직면할 때 무엇을 고려해야 합니까? WeChat 팀은 개발자 도구와 표준화된 개발 표준을 제공했으며, 프런트 엔드의 공통 HTML과 CSS는 WeChat의 맞춤형 WXML 및 WXSS가 되었지만 공식 문서에는 명확한 사용법 소개가 있다고 생각합니다. 시작하기가 매우 쉬울 것입니다. WXSS, JSON 및 js 파일의 작성 방법은 약간 제한되어 있지만 전반적으로 유사합니다. 이러한 표준을 통일한 후에는 개발자로서 프로그램 작성에만 집중하면 됩니다.

  • 백엔드 인터페이스를 호출해야 할 경우 요청 API를 호출하세요.

  • 필요할 경우 업로드 및 다운로드 데이터 캐싱이 필요한 경우 업로드 및 다운로드 API가 호출됩니다.

  • 데이터 캐싱이 필요한 경우 로컬 저장소 API가 호출됩니다.

  • 지도 소개, 나침반 사용, 결제 호출, QR 호출 코드 스캔 및 기타 기능을 직접 사용할 수 있습니다.

  • UI 라이브러리 측면에서 프레임워크에는 자체 weui 라이브러리가 자연스럽게 추가됩니다.

이러한 API를 사용할 때 더 이상 걱정할 필요가 없습니다. 브라우저 호환성도 있고, 제작 환경에서 예측할 수 없는 놀라운 버그에 대해 걱정할 필요가 없습니다. WeChat이 작다는 것을 알 수 있습니다. 프로그램 개발 비용은 실제로 이전 웹 개발에 비해 훨씬 저렴합니다.

기사 3. 시스템 수준 권한 획득의 차이점

HTML5 웹 애플리케이션과 비교하여 WeChat 애플릿은 네트워크 통신 상태, 데이터 캐싱 기능 등과 같은 더 많은 시스템 권한을 얻을 수 있습니다. 이러한 시스템 수준 권한은 다음과 같습니다. WeChat Mini 프로그램과 결합하면 기본 앱의 원활한 성능이 공식적으로 주장됩니다. 이는 HTML5 웹 애플리케이션이 종종 비판을 받는 영역이기도 합니다. 간단한 비즈니스 로직과 단일 기능으로.

Article 4: 프로덕션 환경에서 애플리케이션의 실행 유창성은 다릅니다.

미니 프로그램과 H5를 구별하는 가장 쉬운 점은 H5를 열면 실제로 웹 페이지가 열리고 웹 페이지는 복잡한 비즈니스 로직이나 풍부한 페이지 상호 작용에 직면할 때 브라우저에서 렌더링되어야 한다는 것입니다.

WeChat 애플릿은 WeChat에서 직접 실행되므로 브라우저를 통해 렌더링하는 단계가 필요하지 않습니다. 따라서 WeChat에서 애플릿을 사용하는 것이 H5보다 훨씬 더 부드럽습니다. 처음 열 때 몇 초 정도의 로딩 시간 외에도 미니 프로그램의 여러 페이지를 전환하고 건너뛰는 경험은 네이티브 앱과 비슷하고 매우 부드럽습니다.

Mini 프로그램은 외부 링크로 이동할 수 없으며 H5에는 제한이 없습니다.

요약하자면 미니 프로그램은 H5에 비해 개발 비용이 저렴하고 기능이 풍부하며 사용자 경험이 더 좋다는 장점이 있습니다. (단점: WeChat은 많은 제한을 두었고, 많은 것을 맞춤 설정할 수 없습니다.)

위는 WeChat 미니 프로그램과 HTML5의 차이점을 요약한 것입니다. WeChat은 현재 9억 명의 월간 활성 사용자를 보유하고 있습니다. 특히 WeChat이 공개 계정을 출시한 후 WeChat의 월간 활성 사용자도 크게 증가하여 WeChat 미니 프로그램에 매우 편리하게 입장할 수 있습니다. 9억을 기본 숫자로 삼아 위챗 미니 프로그램의 기반을 마련했다.

WeChat Mini 프로그램은 HTML5가 아니며 WeChat의 독립적인 개발 모델을 기반으로 하므로 사람들의 개발 비용과 개발 주기를 절약할 수 있습니다.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !

위 내용은 WeChat 미니 프로그램은 HTML5인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.