add error handler

Author: Crazy-White

.prettierrc.yaml

@@ -0,0 +1,9 @@
+trailingComma: 'all'
+tabWidth: 4
+semi: true
+singleQuote: true
+arrowParens: 'avoid'
+printWidth: 140
+bracketSpacing: true
+endOfLine: 'crlf'
+htmlWhitespaceSensitivity: 'ignore'

README.md

@@ -1,72 +1,72 @@
-# Random-Picture
-
-随机图片 api
-
-## 实验地址:
-
-[http://miku.ueuo.com/](http://miku.ueuo.com/)_(无稳定性保证)_
-[https://random-picture.vercel.app/](https://random-picture.vercel.app/)_(部署到 vercel)_
-
-### 注意:
-
-| 路径            | 说明                                   |
-| --------------- | -------------------------------------- |
-| ./url.csv       | 务必一行一个 url，不要输入不完整的 url |
-| ./api/index.php | 修改 ALLOW_OUTPUT 以开启服务器输出     |
-
-## 部署到 Vercel
-
-建议 fork 后，自行修改配置，然后在 Vercel 平台上导入自己的项目  
-[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/git?s=https%3A%2F%2Fgithub.com%2FCrazy-White%2FRandom-Picture)
-
-## 关于 Rewrite
-
-伪静态是可选的。  
-开启伪静态后，将支持以<https://example.net/:id.png>形式访问  
-**:id** 即图片 id，如果非数字，则随机跳转。请求会被缓存。  
-Apache 和 Vercel 部署都直接支持伪静态。  
-Nginx 参照以下配置：
-
-```nginx
-location / {
-        if (!-e $request_filename) {
-            rewrite  ^(\w)*\.(?:jpg|jpeg|png|gif|bmp|webp)$  /api/index.php?id=$1  last;
-        }
-}
-```
-
-## Doc
-
-<section>
-    <h3><strong>直接调用</strong></h3>
-    <p>访问./api即可，跳转至图片地址</p>
-    <p>访问./api/?id=数字，跳转至指定图片</p>
-    <p>注：api附加参数 api=数字 亦可跳转至指定图片</p>
-    <p>如：<a href="./api/?type=json&id=3">./api/?type=json&id=3</a></p>
-  </section>
-  <section>
-    <h3><strong>访问<a href="./api/?type=length">./api/?type=length</a></strong></h3>
-    <p>返回图片总量，即id的最大值</p>
-  </section>
-  <section>
-    <h3><strong>访问<a href="./api/?type=output">./api/?type=output</a></strong></h3>
-    <p>服务器读取后输出，一般不建议使用，默认禁用</p>
-  </section>
-  <section>
-    <h3><strong>访问<a href="./api/?type=json">./api/?type=json</a></strong></h3>
-    <p>服务器输出json</p>
-    <pre class="language-json">
-    <code class="language-json">     
-{&quot;code&quot;:&quot;200&quot;,&quot;url&quot;:&quot;https:\/\/fp1.fghrsh.net\/2019\/07\/15\/c2549aaa63db078834ead6a92fe63b61.jpg&quot;}
-    </code>
-</pre>
-  </section>
-  <section>
-    <h3><strong>访问<a href="./api/?type=JSON">./api/?type=JSON</a></strong></h3>
-    <p>服务器读取图片信息后输出json，如非需要图片信息不建议使用</p>
-    <pre class="language-json">
-    <code class="language-json">     
-{&quot;code&quot;:&quot;200&quot;,&quot;url&quot;:&quot;https:\/\/fp1.fghrsh.net\/2019\/07\/15\/c2549aaa63db078834ead6a92fe63b61.jpg&quot;,&quot;width&quot;:&quot;1920&quot;,&quot;height&quot;:&quot;1080&quot;,&quot;mime&quot;:&quot;image\/jpeg&quot;,&quot;size&quot;:&quot;821735&quot;}
-    </code>
-</pre>
-  </section>
+# Random-Picture
+
+随机图片 api
+
+## 实验地址:
+
+<https://illyasviel.feedia.co/> _(无稳定性保证)_  
+<https://random-picture.vercel.app/> _(部署到 vercel)_
+
+### 注意:
+
+| 路径            | 说明                                                    |
+| --------------- | ------------------------------------------------------- |
+| ./url.csv       | 务必一行一个 url，不要输入不完整的 url                  |
+| ./api/index.php | ALLOW_OUTPUT 是否允许服务器输出；ERROR_IMG 出错时的图片 |
+
+## 部署到 Vercel
+
+建议 fork 后，自行修改配置，然后在 Vercel 平台上导入自己的项目  
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/git?s=https%3A%2F%2Fgithub.com%2FCrazy-White%2FRandom-Picture)
+
+## 关于 Rewrite
+
+伪静态是可选的。  
+开启伪静态后，将支持以<https://example.net/:id.png>形式访问  
+**:id** 即图片 id，如果非数字，则随机跳转。请求会被缓存。  
+Apache 和 Vercel 部署都直接支持伪静态。  
+Nginx 参照以下配置：
+
+```nginx
+location / {
+        if (!-e $request_filename) {
+            rewrite  ^(\w)*\.(?:jpg|jpeg|png|gif|bmp|webp)$  /api/index.php?id=$1  last;
+        }
+}
+```
+
+## Doc
+
+<section>
+    <h3><strong>直接调用</strong></h3>
+    <p>访问./api即可，跳转至图片地址</p>
+    <p>访问./api/?id=数字，跳转至指定图片</p>
+    <p>注：api附加参数 api=数字 亦可跳转至指定图片</p>
+    <p>如：<a href="./api/?type=json&id=3">./api/?type=json&id=3</a></p>
+  </section>
+  <section>
+    <h3><strong>访问<a href="./api/?type=length">./api/?type=length</a></strong></h3>
+    <p>返回图片总量，即id的最大值</p>
+  </section>
+  <section>
+    <h3><strong>访问<a href="./api/?type=output">./api/?type=output</a></strong></h3>
+    <p>服务器读取后输出，一般不建议使用，默认禁用</p>
+  </section>
+  <section>
+    <h3><strong>访问<a href="./api/?type=json">./api/?type=json</a></strong></h3>
+    <p>服务器输出json</p>
+    <pre class="language-json">
+    <code class="language-json">     
+{&quot;code&quot;:&quot;200&quot;,&quot;url&quot;:&quot;https:\/\/fp1.fghrsh.net\/2019\/07\/15\/c2549aaa63db078834ead6a92fe63b61.jpg&quot;}
+    </code>
+</pre>
+  </section>
+  <section>
+    <h3><strong>访问<a href="./api/?type=JSON">./api/?type=JSON</a></strong></h3>
+    <p>服务器读取图片信息后输出json，如非需要图片信息不建议使用</p>
+    <pre class="language-json">
+    <code class="language-json">     
+{&quot;code&quot;:&quot;200&quot;,&quot;url&quot;:&quot;https:\/\/fp1.fghrsh.net\/2019\/07\/15\/c2549aaa63db078834ead6a92fe63b61.jpg&quot;,&quot;width&quot;:&quot;1920&quot;,&quot;height&quot;:&quot;1080&quot;,&quot;mime&quot;:&quot;image\/jpeg&quot;,&quot;size&quot;:&quot;821735&quot;}
+    </code>
+</pre>
+  </section>

api/index.php

@@ -1,45 +1,56 @@
 <?php
 const ALLOW_OUTPUT = false; // 修改以开启
-const NOT_FOUND_IMG = "https://i.loli.net/2020/08/17/J7ZU2VAHPQTbcy8.png";
+const ERROR_IMG = [
+    404 => 'https://http.cat/404',
+    503 => 'https://http.cat/503'
+ ];
 
 if (file_exists('../url.csv')) {
     $url = file('../url.csv', FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
 } else {
-    $url = file('https://' . $_SERVER['HTTP_HOST'] . '/url.csv', FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
+    $url = file('http://' . $_SERVER['HTTP_HOST'] . '/url.csv', FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
 }
 
+if (empty($url[0])) {
+    $code = 503;
+    $target_url = ERROR_IMG[503];
+}
+
+
 $id         = $_REQUEST['id'];
 $type       = $_REQUEST['type'];
 $length    = count($url);
 $final_id   = array_rand($url);
 $is_idValid = false;
 
 if (isset($id)) {
-    header("Cache-Control: public, max-age=86400");
+    header('Cache-Control: public, max-age=86400');
     if (is_numeric($id)) {
-        settype($id, "integer");
+        settype($id, 'integer');
         if ($is_idValid = is_int($id)) {
             $final_id = $id;  // id是整数
         }
     }
 } else {
-    header("Cache-Control: no-cache");
+    header('Cache-Control: no-cache');
 }
 
 
 
-if ($is_idValid && $final_id > $length) {
+if (!$code && $is_idValid && $final_id > $length) {
     // exceed maximum length
     $code       = 404;
-    $target_url = NOT_FOUND_IMG;
+    $target_url = ERROR_IMG[404];
 } else {
     $code       = 200;
     $target_url = $url[$final_id];
 }
 
 /**
- * 只使用以下变量
- * $code $target_url $length
+ * Variables for OUTPUT
+ * $code - mock http code
+ * $target_url - the final url
+ * $length - amount of the images
  */
 header('Access-Control-Max-Age: 86400'); //1day
 header('Access-Control-Allow-Origin: *');
@@ -49,18 +60,18 @@
         echo $length;
         break;
     case 'json':
-        $result = array(
-            "code" => $code,
-            "url" => $target_url
-        );
+        $result = [
+            'code' => $code,
+            'url' => $target_url
+        ];
         header('Content-Type: text/json');
         echo json_encode($result);
         break;
     case 'JSON':
-        $result           = array(
-            "code" => $code,
-            "url" => $target_url
-        );
+        $result           = [
+            'code' => $code,
+            'url' => $target_url
+        ];
         $imageInfo        = getimagesize($target_url);
         $imageSize        = get_headers($target_url, 1)['Content-Length'];
         $result['width']  = $imageInfo[0];
@@ -80,5 +91,5 @@
         }
         break;
     default:
-        header("Location: $target_url");
+        header('Location: ' . $target_url);
 }