찾다
위챗 애플릿미니 프로그램 개발미니 프로그램에서 페이지 QR 코드를 생성하는 방법에 대한 간략한 설명

미니 프로그램에서 페이지 QR 코드를 만드는 방법은 무엇인가요? 다음 글에서는 WeChat 애플릿에서 현재 페이지의 QR 코드를 생성하는 방법을 소개하겠습니다.

미니 프로그램에서 페이지 QR 코드를 생성하는 방법에 대한 간략한 설명

WeChat 미니 프로그램을 개발할 때 많은 비즈니스 시나리오에서 QR 코드를 생성한 다음 QR 코드를 스캔하여 지정된 페이지에 들어가야 합니다. [관련 학습 추천 : 미니 프로그램 개발 튜토리얼]

최근에 개인 일을 하다가 이런 필요성을 느낀 적이 있었는데, 정보를 확인해보니 공식에서 API를 제공하는 것으로 나타났습니다. /code>, 아래에서 실행해 보겠습니다. <code>API的,下面我们就来操作一下。

미니 프로그램에서 페이지 QR 코드를 생성하는 방법에 대한 간략한 설명

这是官方文档的介绍,我这里采用云调用。

首先在云函数文件夹中,新建一个名为QrCode的云函数。写入以下内容。

const cloud = require(&#39;wx-server-sdk&#39;)
cloud.init({
  env: &#39;云环境ID&#39;,
})
exports.main = async (event, context) => {
  try {
    const result = await cloud.openapi.wxacode.createQRCode({
        path: &#39;要跳转的页面路径&#39;,
        width: 430
      })
    return result
  } catch (err) {
    return err
  }
}

这是官方文档的实例,按照你的情况再修改就可以。

然后我们在客户端,调用一下这个云函数。

wx.cloud.callFunction({
  name:&#39;QrCode&#39;,
  success(res){
    console.log(res);
  },
  fail(res){
    console.log(res);
  }
})

看一下这里的res输出什么。

미니 프로그램에서 페이지 QR 코드를 생성하는 방법에 대한 간략한 설명

res.result.buffer是我们要的东西,因为是图片数据,所以它给我们转成了buffer类型的数据。我们需要进行一下转换。然后放进我们云存储的空间里。

下面是完整代码:

 wx.cloud.callFunction({
      name:&#39;QrCode&#39;,
      success(res){
        console.log(res);
        const filePath = `${wx.env.USER_DATA_PATH}/test.jpg`;
        wx.getFileSystemManager().writeFile({
          filePath,
          data:res.result.buffer,
          encoding:&#39;binary&#39;,
          success:() => {
            wx.cloud.uploadFile({
              cloudPath:&#39;QrCode미니 프로그램에서 페이지 QR 코드를 생성하는 방법에 대한 간략한 설명&#39;,
              filePath,
              success(Res){
                console.log(&#39;success&#39;,Res);
              },
              fail(Res){
                console.log(&#39;fail&#39;,Res);
              }
            })
          }
        })
      },
      fail(res){
        console.log(res);
      }
    })

再看下输出:

미니 프로그램에서 페이지 QR 코드를 생성하는 방법에 대한 간략한 설명

我们通过转换,最后要的就是这个fileID,这就是云存储中存放这个二维码的地址。

미니 프로그램에서 페이지 QR 코드를 생성하는 방법에 대한 간략한 설명

这样我们就真正的生成了指定页面的二维码,通过扫描,就可以进入。

这里提一句,这个东西要和线上的版本同步。比如我现在是在开发工具上调试的这个功能,生成的这个二维码要跳转的是pages/index/index

미니 프로그램에서 페이지 QR 코드를 생성하는 방법에 대한 간략한 설명

이것 여기서는 클라우드 콜링을 사용하는 공식문서에 대한 소개입니다.

먼저 클라우드 기능 폴더에 QrCode라는 이름의 새로운 클라우드 기능을 생성하세요. 다음을 작성하십시오. 🎜rrreee🎜공식 문서 예시이므로 상황에 따라 수정 가능합니다. 🎜🎜그런 다음 클라이언트 측에서 이 클라우드 기능을 호출합니다. 🎜rrreee🎜여기서 res 출력이 무엇인지 살펴보세요. 🎜🎜미니 프로그램에서 페이지 QR 코드를 생성하는 방법에 대한 간략한 설명🎜🎜result.buffer는 우리가 원하는 이미지 데이터이기 때문에 buffer 형태의 데이터로 변환해 줍니다. 우리는 전환을 해야 합니다. 그런 다음 클라우드 저장 공간에 넣으십시오. 🎜🎜다음은 전체 코드입니다. 🎜rrreee🎜출력을 다시 살펴보세요. 🎜🎜미니 프로그램에서 페이지 QR 코드를 생성하는 방법에 대한 간략한 설명🎜🎜변환 후 마지막으로 필요한 것은 이 fileID입니다. 이는 QR 코드가 클라우드 저장소에 저장되는 주소입니다. . 🎜🎜미니 프로그램에서 페이지 QR 코드를 생성하는 방법에 대한 간략한 설명🎜🎜이것 way 실제로 지정된 페이지에 대한 QR코드를 생성하고, 이를 스캔하여 입장하실 수 있습니다. 🎜🎜여기서 한 가지 언급할 점은 이것이 온라인 버전과 동기화되어야 한다는 것입니다. 예를 들어 개발 도구에서 이 기능을 디버깅 중입니다. 생성된 QR 코드는 지금 이 QR 코드를 스캔하면 페이지로 이동합니다. 페이지의 현재 온라인 버전 콘텐츠가 편집기에 있는 콘텐츠와 일치하지 않을 수 있습니다. 궁금한 점이 있으면 내 연락처 정보를 추가하여 소통할 수 있습니다. 🎜🎜더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 교육🎜을 방문하세요! ! 🎜

위 내용은 미니 프로그램에서 페이지 QR 코드를 생성하는 방법에 대한 간략한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
이 기사는 掘金社区에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제
微信小程序架构原理基础详解微信小程序架构原理基础详解Oct 11, 2022 pm 02:13 PM

本篇文章给大家带来了关于微信小程序的相关问题,其中主要介绍了关于基础架构原理的相关内容,其中包括了宿主环境、执行环境、小程序整体架构、运行机制、更新机制、数据通信机制等等内容,下面一起来看一下,希望对大家有帮助。

微信小程序云服务配置详解微信小程序云服务配置详解May 27, 2022 am 11:53 AM

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于云服务的配置详解,包括了创建使用云开发项目、搭建云环境、测试云服务等等内容,下面一起来看一下,希望对大家有帮助。

微信小程序常用API(总结分享)微信小程序常用API(总结分享)Dec 01, 2022 pm 04:08 PM

本篇文章给大家带来了关于微信小程序的相关知识,其中主要总结了一些常用的API,下面一起来看一下,希望对大家有帮助。

浅析微信小程序中自定义组件的方法浅析微信小程序中自定义组件的方法Mar 25, 2022 am 11:33 AM

微信小程序中怎么自定义组件?下面本篇文章给大家介绍一下微信小程序中自定义组件的方法,希望对大家有所帮助!

微信小程序实战项目之富文本编辑器实现微信小程序实战项目之富文本编辑器实现Oct 08, 2022 pm 05:51 PM

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于富文本编辑器的实战示例,包括了创建发布页面、实现基本布局、实现编辑区操作栏的功能等内容,下面一起来看一下,希望对大家有帮助。

西安坐地铁用什么小程序西安坐地铁用什么小程序Nov 17, 2022 am 11:37 AM

西安坐地铁用的小程序为“乘车码”。使用方法:1、打开手机微信客户端,点击“发现”中的“小程序”;2、在搜索栏中输入“乘车码”进行搜索;3、直接定位城市西安,或者搜索西安,点击“西安地铁乘车码”选项的“去乘车”按钮;4、根据腾讯官方提示进行授权,开通“乘车码”业务即可利用该小程序提供的二维码来支付乘车了。

微信小程序开发工具介绍微信小程序开发工具介绍Oct 08, 2022 pm 04:47 PM

本篇文章给大家带来了关于微信小程序的相关问题,其中主要介绍了关于开发工具介绍的相关内容,包括了下载开发工具以及编辑器总结等内容,下面一起来看一下,希望对大家有帮助。

简单介绍:实现小程序授权登录功能简单介绍:实现小程序授权登录功能Nov 07, 2022 pm 05:32 PM

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了怎么实现小程序授权登录功能的相关内容,下面一起来看一下,希望对大家有帮助。

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SecList

SecList

SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

안전한 시험 브라우저

안전한 시험 브라우저

안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

mPDF

mPDF

mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.