WeChat h5 페이지에서 타사 탐색 애플리케이션 출시
준비해야 할 것:
배경: WeChat 공개 계정은 메뉴 표시줄을 클릭하여 탐색 기능이 필요한 h5 페이지로 이동합니다.
요구 사항: 사용자가 탐색 버튼을 클릭하면 탐색을 위해 타사 앱으로 이동합니다.
참고: WeChat 공개 계정 개발 문서
단계:
JS 인터페이스를 호출해야 하는 페이지에 다음 JS 파일을 삽입합니다(https는 지원됨): http://res.wx.qq.com/cgi-bin/index?lang=zh_CN
jssdk의 서명 권한은 백엔드에서 제공됩니다. 프런트엔드는 wx.config에 서명 권한을 삽입하기만 하면 됩니다. 다른 WeChat API를 사용한 경우 이 단계를 저장할 수 있습니다.
`` wx.config({ debug: true, // 디버깅 모드를 켭니다. 호출된 모든 API의 반환 값은 클라이언트측에서 경고됩니다. 들어오는 매개변수를 보려면 다음에서 열 수 있습니다. 매개변수 정보가 전달됩니다. 로그는 PC 측에서만 인쇄됩니다. appId: '', // 필수, 공식 계정의 고유 식별자 timestamp:, // 필수, 타임스탬프 생성된 서명 nonceStr: '', // 필수, 서명의 무작위 문자열 서명을 생성합니다. '', // 필수, 서명 jsApiList: ['openLocation'] // 필수, 사용해야 하는 JS 인터페이스 목록 여기에 사용해야 하는 WeChat API를 입력하세요. Openlocation은 WeChat의 내장된 위치 인터페이스입니다. 지도에서});여기서 주목해야 할 점은 온라인 상태가 된 후 디버그를 false로 변경해야 하며, 사용하려는 인터페이스를 jsApiList에 채워야 한다는 것입니다. 그렇지 않으면 아무런 효과가 없습니다.
탐색 버튼에 대한 클릭 이벤트를 등록하고 wx.openLocation 메소드를 호출합니다.
$('.btn2').click(function () { wx.openLocation({ latitude: 22.545538, // 위도, 부동소수점수, 범위는 90 ~ -90 경도: 114.054565, // 경도, 부동소수점수, 범위 은 180 ~ -180입니다. name: '여기에 위치 이름을 입력하세요', // 위치 이름 주소: '위치 이름 세부정보', // 주소 세부정보 설명 규모: 10, // 지도 확대/축소 수준, 형태 값, 범위는 1~28입니다. 기본값은 최대값입니다.}) });클릭하면 WeChat 위치 페이지로 이동합니다. 오른쪽 하단에 있는 탐색을 클릭하면 타사 탐색이 표시됩니다.
5. WeChat은 gcj02 좌표를 사용하고 일부 지도는 wgs84 좌표를 사용합니다. 오류가 상대적으로 큰 경우 들어오는 경도 및 위도에 문제가 있는지 여부를 고려할 수 있습니다. 자세한 내용은 Du Niang에 문의하세요.
위의 내용은 이 기사의 전체 내용입니다. 모든 분들의 학습에 도움이 되기를 바랍니다. 또한 모든 분들이 VeVb Wulin Network를 지지해 주시길 바랍니다.