소규모 프로그램 개발에 대한 실무 지식을 요약하고 공유합니다.-미니 프로그램 개발-php.cn

소규모 프로그램 개발에 대한 실무 지식을 요약하고 공유합니다.

青灯夜游

풀어 주다： 2022-01-26 10:50:10

앞으로

3071명이 탐색했습니다.

이 기사는 미니 프로그램 개발에 대한 실용적인 지식을 요약하고 공유합니다. 모든 사람에게 도움이 되기를 바랍니다.

소규모 프로그램 개발에 대한 실무 지식을 요약하고 공유합니다.

작은 프로그램의 렌더링 원리를 이해하세요

Background

웹 개발에서 js는 단일 스레드이기 때문에 때로는 장시간 실행되는 스크립트가 발생하여 페이지가 응답을 잃게 됩니다. 현재 페이지를 렌더링하는 방법에는 세 가지가 있습니다.

순수한 클라이언트 측 네이티브 기술 렌더링
순수한 웹 기술 렌더링
하이브리드 렌더링, 즉 웹과 네이티브 렌더링의 조합

미니 프로그램에서 하이브리드는 selected 렌더링 방식은 로직 레이어와 뷰 레이어를 분리하고, 듀얼 스레드를 사용해 실행하며, webView를 사용해 뷰 레이어의 인터페이스를 렌더링하고, 로직 레이어는 JSCore에서 실행된다.

미니 프로그램의 듀얼 스레드 모델:

로직 레이어: 자바스크립트를 실행하기 위한 별도의 스레드를 생성합니다. 여기서 실행되는 것은 미니 프로그램의 비즈니스 로직과 관련된 코드로 로직 처리, 데이터 요청 및 인터페이스를 담당합니다. 전화.
View 레이어: 인터페이스 렌더링은 webView 스레드에서 실행되며 논리 레이어 코드는 렌더링되는 인터페이스를 제어합니다.
jsBridge: 작은 프로그램이 API를 통해 기본 기능을 사용할 수 있도록 합니다. appId를 이해하세요. uniId와 openId 사이에 연결이 있습니까

소규모 프로그램 개발에 대한 실무 지식을 요약하고 공유합니다.

openID

openID는 WeChat 공개 플랫폼에 의해 사용자에게 할당됩니다. 우리 모두 알고 있듯이 WeChat 미니 프로그램과 WeChat 공개 계정은 WeChat 공개에서 유지됩니다. 플랫폼 모든 공개 사용자를 구별하기 위해 계정과 미니 프로그램은 각 사용자마다 고유한 오픈ID를 생성합니다. 동일한 개방형 플랫폼에 있는 애플리케이션의 경우 WeChat 사용자는 고유한 UnionID

를 갖게 됩니다. 예: 회사에 미니 프로그램 A와 WeChat 공식 계정 B라는 두 개의 애플리케이션이 있습니다. A와 B의 사용자 정보를 연결해야 합니다. A 및 B. 두 개의 애플리케이션이 동일한 개방형 플랫폼에 바인딩됩니다. WeChat 개방형 플랫폼은 승인된 로그인 및 등록 후 UnionID가 사용자 테이블에 저장되고 아래의 다른 애플리케이션에서 승인됩니다. 로그인하고 UnionID를 얻은 후 사용자 정보를 직접 반환할 수 있습니다.

AppID 소규모 프로그램 개발에 대한 실무 지식을 요약하고 공유합니다.

AppID는 다양한 애플리케이션의 고유 식별자입니다

회사에는 하나의 미니 프로그램, 하나의 공식 계정 및 두 개의 애플리케이션이 있습니다. AppId는 이 두 애플리케이션의 고유 식별자입니다

소규모 프로그램 개발에 대한 실무 지식을 요약하고 공유합니다. 여러분이 리더십을 받아들일 수 있도록 미니 프로그램의 점프 능력을 요약하겠습니다. 언제든지 검사

오늘 친구가 지금 중소기업에서 사장들끼리 회의실에서 회의를 하고 있다고 불평을 하더군요. 큰 사장이 미니 프로그램 점프에 관해 질문을 합니다. . 어느 부분을 담당하는지 모르는 리더 A씨가 나와서 먼저 운영과 유지보수에 대해 물어본 뒤 백엔드 자바에 대해 물었다. 자바 상사는 이게 프론트엔드에 속한다고 하더군요. 이 말을 들은 리더 A는 프런트엔드가 무엇을 알고 있느냐고 직접 말했습니다. 그리고 회의실로 들어가 빅 보스에게 피드백을 주었습니다. 아무도 몰랐습니다. 그는 이전에 회사의 프론트엔드 상태가 매우 낮다고 말했습니다. 이 기능을 구현해야 합니다

이제 수요가 있으니 계획을 시작해 보겠습니다

옵션 1: 버튼을 클릭하고 팝업 상자를 제공하고 팝업 상자에 QR 코드를 입력합니다. 사용자에게 길게 누르기 인식 안내 소규모 프로그램 개발에 대한 실무 지식을 요약하고 공유합니다.

작업 프로세스 분야에서 사용자 전환율이 낮고 대부분의 사용자는 기본적으로 작업하기에는 너무 게으릅니다

옵션 2: WeChat의 오픈 태그 wx-open-launch-weapp 사용

합법적이고 규정을 준수하는 모든 A 미니 프로그램으로 이동하려면(나중에 이 기능에 더 많은 제한이 있을 것이라고 생각합니다)

제품과 논의한 후 두 번째 옵션이 더 적합하고 개방적이며 완전합니다.

단계:

인증된 서비스 계정, 서비스 계정에 바인딩된 "js 인터페이스 보안 도메인 이름" 아래의 웹 페이지는 이 라벨을 사용하여 합법적이고 규정을 준수하는 모든 애플릿으로 이동할 수 있습니다.

js 파일 소개 https://res.wx .qq.com/open/js/jweixin -1.6.0.js
구성 인터페이스를 통해 권한 구성을 삽입하고 openTagList 필드를 통해 필요한 오픈 태그를 적용하세요
wx.config({
  debug: false,
  appId: &#39;&#39;,   // 公众号唯一标识
  timestamp: &#39;&#39;,  // 生成签名的时间戳
  nonceStr: &#39;&#39;,   // 生成签名的随机串
  signature: &#39;&#39;,  // 签名
  jsApiList: ["wx-open-launch-weapp"],
  openTagList: ["wx-open-launch-weapp"] // 微信开放标签 小程序跳转按钮：<wx-open-launch-weapp>
});
// 通过ready处理成功验证
wx.ready(function () {
  console.log(&#39;ready&#39;)

})
// 处理失败验证
wx.error(function(error) {
  console.error("err", error);
});

<wx-open-launch-weapp
  id="launch-btn"
  username="gh_xxxxxxxx"
  path="pages/home/index?user=123&action=abc"
>
  <script type="text/wxtag-template">
    <style>.btn { padding: 12px }</style>
    <button class="btn">打开小程序</button>
  </script>
</wx-open-launch-weapp>
로그인 후 복사
WeChat 고객 서비스 메시지가 급상승합니다 애플릿 링크
文本内容....<a href=&#39;&#39; data-miniprogram-appid=&#39;{{appid}}&#39; data-miniprogram-path=&#39;pages/index/index&#39;>点击跳小程序</a>
로그인 후 복사
data-miniprogram-appid填写小程序链接，表示跳转小程序
data-miniprogram-path 小程序路径，可带参数
公众号必须和小程序相关联
链接中的各个属性值必须使用单引号
小程序跳转小程序
wx.navigateToMiniProgram({
    envVersion: &#39;release&#39;, // 要打开的小程序版本，develop: 开发版，trial：体验版，release：正式版。仅在当前小程序为开发版或体验版时此参数有效。
    appId: ’‘, // 跳转appid
    path: ’‘  //  跳转路径
})
로그인 후 복사
需要用户手动触发

需要用户确认跳转

【相关学习推荐：小程序开发教程】