Laravel + Alibaba Cloud OSS completes the image and text separation architecture-PHP7-php.cn

Laravel + Alibaba Cloud OSS completes the image and text separation architecture

Mini

Release： 2020-05-21 09:03:23

Original

206 people have browsed it

This case uses Laravel5.6 Alibaba Cloud OSS to complete the image upload function. It is full of practical information and can be completed by following the steps.

Before deploying the environment, we need to register an account on the Alibaba Cloud platform. Both personal and company accounts are acceptable. After the registration is completed, copy the access_key and access_secret configuration in the project and it is completed. Basic settings for the project.

1. Create a new project and install the Laravel5.6 version of the framework code

1. Environment configuration requirements

Laravel has some system requirements, your server meets the following requirements:

PHP >= 7.1.3

OpenSSL PHP

PHP PDO Extension

PHP Mbstring extension

PHP Tokenizer extension

PHP XML extension

PHP Ctype extension

PHP JSON extension

Remarks: You The above configuration requirements need to be met. This will not be explained in detail. Please refer to the PHP syntax for details.

2. Install the Laravel5.6 framework

Laravel5.6 Use Composer to manage Project dependencies. Therefore, before using Laravel5.6, please make sure that Composer is installed on your machine.

composer -v

Copy after login

Laravel + Alibaba Cloud OSS completes the image and text separation architecture

Note: Please refer to the link above for the specific installation of composer. You can install it according to the document. Next, we will install the Larvael5.6 framework specifically and enter the content in the control window ( My Windows operating system), wait for the installation to complete.

composer create-project --prefer-dist laravel/laravel blog

Copy after login

After the installation is complete, execute the following code to set a random string key for the application.

php artisan key:generate

Copy after login

Enter in the browser: http://localhost/blog/public/index.php. If you see the following interface, the access is normal.

3. Configure Alibaba Cloud component package in composer.json

Add "jacobcyl/ in require ali-oss-storage": "^2.1"

"require": {
      "php": "^7.1.3",
      "fideloper/proxy": "^4.0",
      "laravel/framework": "5.8.*",
      "laravel/tinker": "^1.0",
      "jacobcyl/ali-oss-storage": "^2.1"
   },

Copy after login

Then execute the command:

composer update
composer dumpautoload

Copy after login

Laravel + Alibaba Cloud OSS completes the image and text separation architecture

##After the component is downloaded, as shown below:

Laravel + Alibaba Cloud OSS completes the image and text separation architecture

4. Configure Alibaba Cloud access_key and access_secret configuration (OSS self-activation)

This is very important: I wrote a separate file to do it Configuration

The first step: Add:

Jacobcyl\AliOSS\AliOssServiceProvider::class,

Copy after login

under providers in config/app.php Step 2: Add

&#39;oss&#39; => [
    &#39;driver&#39; => &#39;oss&#39;,
    &#39;access_id&#39; => env(&#39;OSS_ACCESS_ID&#39;, &#39;填你自己的&#39;),
    &#39;access_key&#39; => env(&#39;OSS_ACCESS_KEY&#39;, &#39;填你自己的&#39;),
    &#39;bucket&#39; => env(&#39;OSS_BUCKET&#39;, &#39;填你自己的&#39;),
    &#39;endpoint&#39; => env(&#39;OSS_ENDPOINT&#39;, &#39;oss-cn-hangzhou.aliyuncs.com&#39;),
    &#39;isCName&#39; => false,
    &#39;debug&#39; => true,
],

Copy after login

# under disks in app/filesystems.php ##Step 3: Create a new file alioss.php file

<?php
return [
    &#39;OSS_ACCESS_ID&#39; => env(&#39;OSS_ACCESS_ID&#39;, &#39;填你自己的&#39;),
    &#39;OSS_ACCESS_KEY&#39;=> env(&#39;OSS_ACCESS_KEY&#39;, &#39;填你自己的&#39;),
    &#39;OSS_ENDPOINT&#39; => env(&#39;OSS_ENDPOINT&#39;, &#39;oss-cn-hangzhou.aliyuncs.com&#39;),
    &#39;OSS_BUCKET&#39; => env(&#39;OSS_BUCKET&#39;, &#39;填你自己的&#39;),
    &#39;OSS_HOST&#39; => &#39;https://填你自己的.oss-cn-hangzhou.aliyuncs.com&#39;,//前台显示域名
    &#39;OSS_URL&#39; => &#39;https://填你自己的.oss-cn-hangzhou.aliyuncs.com&#39;, // CDN域名，没有CDN就和OSS_HOST一致即可
];

Copy after login

The file has been loaded at this point.

2. Write the interface controller method

New controller: UploadsController inherits the Controller class for easy operation.

Step 1: Write API routing

Route::post(&#39;/index/image&#39;, &#39;\App\Http\Controllers\Index\UploadsController@index&#39;);

Copy after login

Step 2: Write controller and upload images (core code)

public function index(Request $request) {
      $disk = \Storage::disk(&#39;oss&#39;);
      if (!isset($request->image)) {
      return $this->array_format(&#39;图片信息错误&#39; . __LINE__, 414);
      }
      switch ($request->source) {
      case &#39;file&#39;:
      if (!($request->hasFile(&#39;image&#39;) && $request->file(&#39;image&#39;)->isValid())) {
      return $this->array_format(&#39;图片信息错误&#39; . __LINE__, 414);
      }
            $file = $request->file(&#39;image&#39;);
            $image_str = @file_get_contents($file->getPathname());
            $base64_str = base64_encode($image_str);
            break;
        case &#39;url&#39;:
          $image_str = @file_get_contents($request->image);
          $base64_str = base64_encode($image_str);
          break;
        case &#39;base64&#39;:
          $base64_str = $request->image;
          break;
        default:
          return $this->array_format(&#39;图片类型错误&#39;, 414);
          break;
      }
      //获取图片信息
      $image_info = $this->base64_image_format($base64_str);
      if (!$image_info) {
      return $this->array_format(&#39;图片信息错误&#39; . __LINE__, 414);
      }
      if ($image_info[&#39;image_size&#39;] > 10 * 1024 * 1024) {
      return $this->array_format(&#39;图片信息太大&#39;, 414);
      }
      $image_path = &#39;uploads/image/&#39;. date(&#39;Ym&#39;);
      $image_name = $image_path . &#39;/&#39; . md5($image_info[&#39;image_str&#39;]) . &#39;.&#39; . $image_info[&#39;image_suffix&#39;];
      //上传图片
      $temp = $disk->put($image_name, $image_info[&#39;image_str&#39;]);
      if (!$temp) {
      return $this->array_format(&#39;上传失败&#39;, 414);
      }
      return $this->array_format(&#39;上传成功&#39;, 200, [
          &#39;image_name&#39; => $image_name,
          &#39;image_url&#39; => $disk->url($image_name),
      ]);
}

Copy after login

4. Postman Tool interface test

Laravel + Alibaba Cloud OSS completes the image and text separation architecture public account (

Laravel Technology Community

) reply "Alibaba Cloud OSS" and download the case source code.

The above is the detailed content of Laravel + Alibaba Cloud OSS completes the image and text separation architecture. For more information, please follow other related articles on the PHP Chinese website!