Prosedür notunu bilin:
Herkesin bildiği gibi, WeChat dün yeni bir "gömülü web sayfası" özelliği yayınladı.
Bulut ekibinin ilk gerçek testini öğrendikten sonra, bugün, bilme programı (WeChat ID zxcx0101) size yeni yeteneğin bu derinlemesine yorumunu getiriyor.
WeChat, "atlama sayfaları" ve mini programların üst sınırındaki artışa ek olarak, açıklanmayan yeni yetenekler de yayınladı. Bu yeni yetenek tam olarak nedir? Makaleyi okuduktan sonra bileceksiniz.
Mini program geliştirmede tam bir deneyim seti elde etmek için WeChat resmi "Programı Tanıyın" hesabını takip edin ve "Geliştirme" ye yanıt verin.
Wen | Hua Amca
2 Kasım'da, iPhone X'in piyasaya sürülmesinden önceki gece, WeChat Mini Programı ağır bir güncelleme yayınladı: Mini Programın yerleşik web sayfası yeteneklerinin geliştirilmesi.
Bu yeni yeteneğin kullanımı da çok basittir: mp.weixin.qq.com genel platformunda oturum açın, mini program hesabında oturum açın ve yapılandırmak için "Ayarlar" - "Geliştirme Ayarları" - "İş Etki Alanı Adı" girin.
sonra, Web sayfalarını görüntülemek için uygulamadaki etiketleri kullanabilirsiniz .
Kullanımı çok basit, ancak etkisi son derece büyük Tam olarak neyi etkileyecek?
Her şeyden önce bu
Hua Amca bunu test etti ve çoğu JS kitaplığı kullanılabilir. Bununla birlikte, doğrudan bir HTML 5 oyunu bile oynayabilirsiniz. Bu gömülü web sayfasında yapılabileceklerin sıradan web sayfalarından hiçbir farkı olmadığı söylenebilir.
Bir web sayfasının en büyük teknik avantajı, standart kodlama özelliklerine, olgun JS, HTML ve CSS çerçevelerine sahip olmasıdır. , Bunlar "mevcut WeChat web görünümü" ile aynıdır ve mevcut olmalıdır.
Bunu belirtmeye değer Bu değişiklik aynı zamanda uygulamanın daha geniş bir `` sıcak güncelleme '' özelliğine sahip olmasını sağlar. .
Başlangıçta küçük programda, ön uç sayfanın sabit modunu değiştirmek için yalnızca uzak arabirimin sıcak güncellemesi kullanılabilir.
Bu web görünümü ile geliştiriciler buna göre bazı özel dahili sayfalar oluşturabilir ve sayfanın görünümünü, düzenini ve verilerini istedikleri zaman değiştirebilirler.
Geliştirme insan gücü perspektifinden bakıldığında, küçük programların mevcut ön uç geliştiricileri genel olarak saf sayfa yeniden düzenleyicilere göre daha kapsamlı yeteneklere sahiptir, çünkü birçok farklı teknik noktayı hesaba katmak zorundadırlar, bu da bazı küçük program geliştirme insan kaynaklarına yol açacaktır.
Ve bu web görünümünün ortaya çıkışı, sayfanın yeniden yapılandırılmasına odaklanan bazı öğrencilerin küçük programların geliştirilmesine katılmalarına izin verecektir. , Böylece orijinal küçük program geliştirmenin genel baskısı hafifletilir.
Operasyonlar için, Belirli dahili sayfaların yinelenmesi daha zamanında ve kontrol edilebilir olabilir ve içerik oluşturma daha hızlı olabilir .
Ürünler için küçük uygulamalar artık daha etkileşimli işlevler gerçekleştirebilir. Örneğin, bir sohbet odası oluşturmak için orijinal web sayfası geliştirme rutinini kullanın veya orijinal web sayfası biçiminde bir üçüncü taraf Uygulaması açın.
Hua Amca denedi, WeixinJSBridge'in launch3rdApp'i mevcut, ancak bir izin kontrol mekanizmasına sahip. Teorik olarak, izniniz varsa, üçüncü taraf uygulamaları web görünümü aracılığıyla uygulamadan dolaylı olarak çekebilirsiniz.
Uygulama ürün mantığı açısından bakıldığında, uygulama web görünümünün en kritik sınırlamaları şunlardır:
Açıkçası, WeChat, yeniden yönlendirme kapsamını sınırlamak için alan adlarının sayısını ve alan adları ile uygulamalar arasındaki bağlanma ilişkisini sınırlar. anlamı: Uygulama, mevcut WeChat web görünümündeki web sayfası gibi sayfadaki herhangi bir web sayfasına atlayamaz.
Ancak bu sınırlamanın, kendi içeriklerine ve hizmetlerine odaklanan geliştirme ekipleri üzerinde fazla bir etkisi olmayacak. Olgun ürünlerin siteleri genellikle çok fazla harici bağlantıya sahip değildir ve 20 alan adı, iş ihtiyaçlarını karşılamıştır.
Ayrıca böyle bir kısıtlama yöntemi, içeriği ve hizmetleri özenle hazırlayan ekibin içeriği daha verimli ve zamanında yinelemesini sağlayabilir ve ekolojideki kaotik sıçramayı engelleyebilir.
Teknik bir bakış açısından, uygulama web görünümünün üç tür özel API sağlamasıyla ilgili başka bir fark vardır:
Bir, "Küçük program web görünümü" Sıradan uygulamanın iç sayfasına arayüz atlayın. Liste aşağıdaki gibidir:
İkinci, "Küçük program web görünümünde", HTML 5'te JSSDK'ya benzer bir arayüzü destekleyin , Yükleme, fotoğraf çekme, haritalar, sallama, iBeacon, tarama, kuponlar vb. Dahil.
Uygulamanın web görünümüne güvenerek, benzersiz WeChat işlevlerine sahip bir uygulamanın zaten yapılabileceği söylenebilir.
Üçüncü olarak, webViewURL parametresi, uygulamanın kendisinin paylaşım geri arama yöntemine eklenir.
Sayfa ({onShareAppMessage (seçenekler) {console.log (options.webViewUrl)}})Bu parametre, "küçük program web görünümünün" src değeridir.
Ne faydası var? Bu, kullanıcının mevcut web görünümünün bulunduğu iç sayfayı paylaşmasına izin verir ve daha sonra diğer kullanıcılar paylaşım bağlantısını tıkladığında, uygulama web görünümünün src değerini yeniden alabilir ve web görünümü tekrar görüntülenebilir.
Aslında, etkilenen birçok alan var, bu yüzden burada ayrıntılara girmeyeceğim.
Bazı öğrenciler bu web görünümü geldikten sonra, Mini programlar, sonuç olarak şişirilecek ve geleneksel hibrit uygulamaların kısır döngüsüne girmelerine izin verecektir. .
Aslında bu soru, "Yerel uygulamaların neden web sayfalarına erişimi var ve web sayfaları ile değiştirilmiyor?" Sorusuna benzer. Bunun nedeni, uygulamaların, uygulamanın kendi yerel işlevleri gibi, web sayfalarının sahip olamayacağı özelliklere sahip olmasıdır.
WeChatin ürün planlaması çok iyidir, Web görünümünü bırakmaya cesaret ederseniz, uygulamanın kendi temel özelliklerine sahip olduğunu düşünmelisiniz. .
Muhtemelen bitti ...
Henüz bitemez!
Bu güncelleme, bu web görünümü ile sınırlı değildir. Buna ek olarak ikinci bir güncelleme noktası var, Yani, mini programlarla ilişkili resmi hesap sayısının üst sınırı artmıştır. . Artık küçük bir program 500 resmi hesaba bağlanabilir.
Ayrıca üçüncü güncellemeden bu resmi yazıda bahsedilmiyor ... Çok az kişi biliyor mu?
Yani, "Özel Bileşenler" genel teste açıktır ve bu ürün kod bileşenleştirme için kullanılır.
Bu makalenin uzunluğu yeterince uzun olduğu için burada ayrıntılara girmeyeceğim. Ayrıntılar için lütfen resmi belgelere bakın.
"Bilme programını" takip edin, "belgeyi" yanıtlayın ve "özel bileşenin" resmi belge adresini alın.
Pekala, bu sefer gerçekten bitti ...
Orijinal adres:
Mini program geliştirmede tam bir deneyim seti elde etmek için "Knowing Program" resmi hesabını takip edin ve WeChat arka planındaki "Geliştirme" ye yanıt verin.