PHPを使用してWeChatアプレットにカメラ機能を実装する方法-PHPチュートリアル-php.cn

PHPを使用してWeChatアプレットにカメラ機能を実装する方法

王林

リリース： 2023-06-01 11:24:02

オリジナル

2381 人が閲覧しました

WeChat ミニプログラムの精力的な推進に伴い、ミニプログラムに興味深いインタラクティブな方法を追加したいと考える開発者が増えていますが、その中にはカメラ機能が不可欠です。この記事では、PHPを使用してWeChatアプレットにカメラ機能を実装する方法を紹介します。

開発の前提条件

開発を開始する前に、次のテクノロジとソフトウェアが必要です:

WeChat ミニプログラム開発の基本
PHP 言語 Basic
ユーザー認証を取得するための WeChat ミニプログラム公式 API (WxRequest)
PHP 画像処理ライブラリ GD 拡張モジュール
ミニプログラムのバックグラウンドストレージサーバーを推奨しますAlibaba Cloud、Tencent Cloud などのクラウドサービスを使用するには

PHP を使用して WeChat ミニプログラムのカメラ機能を実装する手順

1. ミニプログラムはユーザーの承認を取得します

ミニプログラムがカメラ機能を使用するには、ユーザーの許可と承認を取得する必要があります。ミニプログラムの wx.authorize メソッドを使用して、ユーザーの承認を取得します。

2. アプレットはカメラを開いて写真を撮ります

アプレットは wx.chooseImage メソッドを使用してユーザーデバイスのカメラを開き、写真が撮影された後、写真が保存されます一時フォルダー内にあります。

3. 一時フォルダー内の写真をサーバーにアップロードします

wx.uploadFile メソッドを使用して、一時フォルダー内の写真をサーバーにアップロードします。

4. 画像処理に PHP 言語を使用する

サーバーは、アップロードされた写真を受信した後、PHP 言語を使用して画像を処理し、処理された画像をサーバーに保存します。

以下、各ステップの具体的な実装方法を詳しく紹介していきます。

ミニプログラムはユーザーの承認を取得します

ミニプログラムは、カメラ機能を使用する前にユーザーの承認を取得する必要があります。ミニプログラムの wx.authorize メソッドを使用して、ユーザーの承認を取得します。

まず、ミニプログラムの app.js ファイルで関数を定義できます。

//授权获取用户摄像头权限
function takePhoto() {
  wx.authorize({
    scope: 'scope.camera',
    success: function () {
      console.log("授权成功");
      //调用打开摄像头代码
      choosePhoto();
    },
    fail: function () {
      console.log("授权失败");
    }
  })
}

ログイン後にコピー

ユーザーが承認を確認した後、choosePhoto() 関数を呼び出してカメラ機能をオンにします。

アプレットはカメラを開いて写真を撮ります

ユーザーが許可した後、アプレットで wx.chooseImage メソッドを使用してユーザーのデバイスのカメラを開き、対応する処理を実行する必要があります。写真操作。ここで注意する必要があるのは、写真を撮影した後、一時フォルダーに保存する必要があることです。

ミニプログラムの app.js でchoosePhoto() 関数の定義を続けます。この関数は自動的にカメラを開いて写真を撮り、撮影した写真を一時フォルダーに保存します:

// 打开照相并进行拍照
function choosePhoto() {
  wx.chooseImage({
    count: 1, // 可以选择的图片数量
    sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图
    sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机
    success: function (res) {
      // 将拍照后的照片保存在本地文件夹中
      var tempFilePaths = res.tempFilePaths
      wx.uploadFile({
        url: '服务器地址',
        filePath: tempFilePaths,
        name: 'file',
        success: function (res) {
          var data = res.data;
          console.log(data);
        },
        fail: function (res) {
          console.log(res);
        }
      })
    }
  })
}

ログイン後にコピー

ここでは、ユーザーが撮影した写真を取得するために wx.chooseImage メソッドが使用され、サーバーに写真をアップロードするために wx.uploadFile メソッドが使用されます。

一時フォルダー内の写真をサーバーにアップロードする

ユーザーが撮影した写真を正常に取得した後、処理のためにサーバーにアップロードする必要があります。 wx.uploadFile メソッドを使用してサーバーにアップロードするコードは次のとおりです。

    wx.uploadFile({
        url: '服务器地址',
        filePath: tempFilePaths,
        name: 'file',
        success: function (res) {
          var data = res.data;
          console.log(data);
        },
        fail: function (res) {
          console.log(res);
        }
      })

ログイン後にコピー

ここでのサーバーアドレスは、アップロードされた写真が配置されている PHP ファイルへのパスとして指定する必要があります。例: http://www.example.com/upload.php

画像処理に PHP 言語を使用する

PHP は非常に便利なサーバーサイドスクリプト言語です。PHP を使用すると、次のことができます。アップロードされた写真は、希望する効果が得られるように処理されます。

PHP 言語を使用して画像を処理するライブラリは通常、GD 拡張モジュールであり、サーバーにインストールする必要があります。 PHP の GD 拡張モジュールを通じて、画像圧縮、画像回転、画像拡大縮小などの処理操作を実行できます。

処理する必要がある写真については、まずサーバーからローカルエリアにダウンロードしてから、対応する操作を実行します。おおよそのコードは次のとおりです。

//下载服务器照片
$img = 'http://www.example.com/image.jpg';
$localimage = './image.jpg';
$imgcontent = file_get_contents($img);
file_put_contents($localimage, $imgcontent);
//使用GD库进行图片的缩放处理
$image = imagecreatefromjpeg($localimage);
$x = imagesx($image);
$y = imagesy($image);
$xnew = 100 ;//新图片大小
$ynew = 100 ;//新图片大小
$image_p = imagecreatetruecolor($xnew, $ynew);
imagecopyresampled($image_p, $image, 0,0,0,0, $xnew,$ynew,$x,$y);
imagepng($image_p, $localimage);//将处理后的图片保存
imagedestroy($image_p);
imagedestroy($image);

ログイン後にコピー

上記の操作により、サーバー上の PHP を使用して、ユーザーがアップロードした写真を処理し、処理された写真をサーバーに保存できます。

結論

この記事では、PHP を使用して WeChat アプレットに写真撮影機能を実装する方法を紹介します。これには、ユーザーの承認、カメラを開いて写真を撮る、サーバーへの写真のアップロード、および写真撮影機能が含まれます。サーバーが写真を処理しています。上記の技術的手段を通じて、WeChat ミニプログラムの興味深い写真撮影機能を簡単に実現し、ミニプログラムのユーザーにさらなる楽しみと体験を追加することができます。

以上がPHPを使用してWeChatアプレットにカメラ機能を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。