'use strict'; const b2Domain = 'assets.qystudio.ml'; // configure this as per instructions above const b2Bucket = 'qystupic'; // configure this as per instructions above const b2UrlPath = `/file/${b2Bucket}/`; addEventListener('fetch', event => { return event.respondWith(fileReq(event)); });
// define the file extensions we wish to add basic access control headers to const corsFileTypes = ['png', 'jpg', 'gif', 'jpeg', 'webp', 'css', 'js', 'html'];
// backblaze returns some additional headers that are useful for debugging, but unnecessary in production. We can remove these to save some size const removeHeaders = [ 'x-bz-content-sha1', 'x-bz-file-id', 'x-bz-file-name', 'x-bz-info-src_last_modified_millis', 'X-Bz-Upload-Timestamp', 'Expires' ]; const expiration = 31536000; // override browser cache for images - 1 year
// define a function we can re-use to fix headers const fixHeaders = function(url, status, headers){ let newHdrs = new Headers(headers); // add basic cors headers for images if(corsFileTypes.includes(url.pathname.split('.').pop())){ newHdrs.set('Access-Control-Allow-Origin', '*'); } // override browser cache for files when 200 if(status === 200){ newHdrs.set('Cache-Control', "public, max-age=" + expiration); }else{ // only cache other things for 5 minutes newHdrs.set('Cache-Control', 'public, max-age=300'); } // set ETag for efficient caching where possible const ETag = newHdrs.get('x-bz-content-sha1') || newHdrs.get('x-bz-info-src_last_modified_millis') || newHdrs.get('x-bz-file-id'); if(ETag){ newHdrs.set('ETag', ETag); } // remove unnecessary headers removeHeaders.forEach(header => { newHdrs.delete(header); }); return newHdrs; }; async function fileReq(event){ const cache = caches.default; // Cloudflare edge caching const url = new URL(event.request.url); if(url.host === b2Domain && !url.pathname.startsWith(b2UrlPath)){ url.pathname = b2UrlPath + url.pathname; } let response = await cache.match(url); // try to find match for this request in the edge cache if(response){ // use cache found on Cloudflare edge. Set X-Worker-Cache header for helpful debug let newHdrs = fixHeaders(url, response.status, response.headers); newHdrs.set('X-Worker-Cache', "true"); return new Response(response.body, { status: response.status, statusText: response.statusText, headers: newHdrs }); } // no cache, fetch image, apply Cloudflare lossless compression response = await fetch(url, {cf: {polish: "lossless"}}); let newHdrs = fixHeaders(url, response.status, response.headers);
if(response.status === 200){
response = new Response(response.body, { status: response.status, statusText: response.statusText, headers: newHdrs }); }else{ response = new Response('File not found!', { status: 404 }) }
除了图片查看器、音视频播放器、小娜、计算器、便签、邮件等常规应用之外，删除了3D模型，但增加安装了Microsoft Whiteboard、Microsoft TO DO、Microsoft资讯。其中Microsoft Whiteboard和Microsoft TO DO需要登录Microsoft账户之后才能使用，Microsoft资讯打开就能用，不需要登录。
Microsoft Whiteboard是一个白板应用，简单来说，就是可以在里面涂涂画画，对于一些从事于教育行业的人士来说，可能有点用处，给学生画图做演示。
多说一句，微软白板应用Android和iOS版同样也上架了Google Play Store和Apple App Store，需要的用户可以去下载使用。不过现在好像还在内测阶段。
Microsoft TO DO是个免费的待办事项软件，是微软收购的，它同样也有各大平台的版本，包括Android、iOS、macOS版。
这是一个新特性,简单来说就是原因: gulp 不再支持同步任务了。 因为同步任务常常会导致难以调试的细微错误,例如忘记从任务 (task)中返回 stream。 当你看到 “ Did you forget to signal async completion ?” 警告时,说明你并未使用前面提到的返回方式
意思是你没有写一个任务完成的返回通知(如果我描述有误评论区告诉我)
官网的原文是When you see the “Did you forget to signal async completion?” warning, none of the techniques mentioned above were used. You’ll need to use the error-first callback or return a stream, promise, event emitter, child process, or observable to resolve the issue.
If you specify your redirect rules in your Netlify configuration file, you can use a more structured configuration format with additional capabilities such as signed proxy redirects. In a netlify.toml file, we use TOML’s array of tables to specify each individual redirect rule. The following keywords are available:
from: The path you want to redirect.
to: The URL or path you want to redirect to.
status: The HTTP status code you want to use in that redirect; 301 by default.
force: Whether to override any existing content in the path or not; false by default. Visit the shadowing instructions for more details.
query: Query string parameters REQUIRED to match the redirect. Visit the query parameters instructions for more details.
conditions: Conditions to match the redirect, including country, role, and cookie presence conditions.
headers: Additional request headers to send in proxy redirects.
signed: Name of an environment variable for signed proxy redirects.
目录反代目录匹配
因为反代jsd同时需要反代jsd目录下的所有文件，所以这里需要有一个路径匹配
原文如下
An asterisk indicates a splat that will match anything that follows it.
You can use the splat in your rewrites or redirects like this:
/news/* /blog/:splat
This would redirect paths like /news/2004/01/10/my-story to /blog/2004/01/10/my-story.
所以我需要在 from的/后面添加* to的/后面添加:splat
实践代码
这里我需要http返回状态码为200
这样我的国内服务器就能再次反代netlify的cdn
整合完上面的设置配置就是这样了
这里我们需要把下面的代码放在新建名为 netlify.toml的文件中
注意这里的文件必须在仓库的根目录
[[redirects]] from = "/*" to = "https://cdn.jsdelivr.net/:splat" status = 200 force = true headers = {X-From = "Netlify"}
