URL URI傻傻分不清楚，dart告訴你該怎麼用

flydean發表於2021-12-01
Dart

簡介

如果我們要訪問一個網站，需要知道這個網站的地址，網站的地址一般被稱為URL，他的全稱是Uniform Resource Locator。那麼什麼是URI呢？

URI的全程是Uniform Resource Identifier,也叫做統一資源標誌符。

URI用來對資源進行標記，而URL是對網路上的資源進行標記，所以URL是URI的子集。

瞭解了URI和URL之間的關係之後，我們來看看dart語言對URI的支援。

dart中的URI

dart中為URI建立了一個專門的類叫做Uri：

abstract class Uri

Uri是一個抽象類，他定義了一些對URI的基本操作。它有三個實現類，分別是_Uri,_DataUri和_SimpleUri。

接下來，我們一起來看看，dart中的Uri都可以做什麼吧。

encode和decode

為什麼要對encode URI？

一般來說URI中可以包含一些特殊字元，像是空格或者中文等等。這些字元在傳輸中可能不被對方所認識。所以我們需要對Uri進行編碼。

但是對於URI中的一些特殊但是有意義的字元,比如： /, :, &, #， 這些是不用被轉義的。

所以我們需要一種能夠統一編碼和解碼的方法。

在dart中，這種方法叫做encodeFull() 和 decodeFull():

var uri = 'http://www.flydean.com/doc?title=dart uri';

var encoded = Uri.encodeFull(uri);
assert(encoded ==
    'http://www.flydean.com/doc?title=dart%20uri');

var decoded = Uri.decodeFull(encoded);
assert(uri == decoded);

如果要編碼所有的字元，包括那些有意義的字元：/, :, &, #， 那麼可以使用encodeComponent() 和 decodeComponent():

var uri = 'http://www.flydean.com/doc?title=dart uri';

var encoded = Uri.encodeComponent(uri);
assert(encoded ==
    'http%3A%2F%2www.flydean.com%2Fdoc%3Ftitle%3Ddart%20uri');

var decoded = Uri.decodeComponent(encoded);
assert(uri == decoded);

解析URI

URI是由scheme,host,path,fragment這些部分組成的。我們可以通過Uri中的這些屬性來對Uri進行分解：

var uri =
    Uri.parse('http://www.flydean.com/doc#dart');

assert(uri.scheme == 'http');
assert(uri.host == 'www.flydean.com');
assert(uri.path == '/doc');
assert(uri.fragment == 'dart');
assert(uri.origin == 'http://www.flydean.com');

那麼怎麼構造Uri呢？我們可以使用Uri的建構函式：

var uri = Uri(
    scheme: 'http',
    host: 'www.flydean.com',
    path: '/doc',
    fragment: 'dart');
assert(
    uri.toString() == 'http://www.flydean.com/doc#dart');

總結

dart為我們提供了非常簡單的Uri的使用工具。

本文已收錄於 www.flydean.com

最通俗的解讀，最深刻的乾貨，最簡潔的教程，眾多你不知道的小技巧等你來發現！

歡迎關注我的公眾號:「程式那些事」,懂技術，更懂你！

相關文章