【猿分享第10期】微信小程序Meetup掃盲專場回顧（轉載）

首先感謝答疑師：子慕

前端工程師，目前就任於醫聯，偶爾寫點博客，吐槽總結，偶爾吟「溼」做對，潤滑萬物，江湖人稱子慕大詩人。

 

直播間語音回放收聽，請微信掃描下圖二維碼受權進入便可。

如下爲本次直播的所有問題答疑，但願對你有所幫助。

 從技術上角度來講，微信小程序技術含量並不高，由於咱們大部分是用微信提供的組件和API來實現前端功能，能夠說該有的零件都有了，咱們只須要組裝了，若是他沒提供相關的API或者組件，有些功能咱們確實是實現不了的。

雖然小程序是用的js，可是window對象都不能使用，大家想一想咱們能自由的開發嗎？

從產品角度來講，小程序是有規範的，並不能實現一些，它不容許作的事情，它沒有首頁，不會有專門的流量入口，前期主要經過掃二維碼進去，它不容許你有廣告，它但願你的界面只和當前頁面功能有關，它會審覈你的公司，審覈你的代碼。

因此在學習和開發小程序以前，須要開發人員、產品經理和設計師仔細閱讀小程序的各類規範和文檔。強調下，這一點很重要。

 

------------分割線【問答】---------------

Q：小程序對圖片處理方面有沒有更強的接口？

A：小程序對圖片處理目前只有上傳這個功能。

 

Q：小程序怎麼對圖片進行處理（裁剪、壓縮上傳等）

A：目前來說，小程序還不能實現裁剪，小程序上傳圖片的時候會自動作必定的壓縮，可是不會壓縮分辨率，好比原圖是3000*3000像素，上傳的時候只會針對質量作一點壓縮，分辨率仍然是3000*3000，要壓縮分辨率或者實現剪裁功能等，將來仍是要等微信來提供相應API和組件。

 

Q：小程序上傳圖片到接口，接口直接獲取到的是上傳到服務器的圖片地址仍是接口還要作圖片上傳？

A：上傳圖片目前是須要uploadFile接口，實際上只是一個上傳表單，經過表單把圖片，上傳到本身服務器並返回一個url，微信並不會把圖片上傳到他們本身的服務器。

你也能夠用三方接口上傳到（好比）「阿里雲」這些地方，但要記得在公衆平臺設置這些三方服務的信任域名。

 

Q：小程序的數組能夠直接轉換成JSON格式的嗎？

A：這個問題問的不是很詳細，小程序裏是有JSON這個對象的，開發者工具裏會有部分代碼提示，文檔裏可能不會寫的很全，可是能夠用編輯器試試，看是否有你想要的對象。

Q：一個賬號能開多少個小程序

A：一個帳號只有一個對應的appId，這個id會綁定你全部帳號的信息，因此說一個帳號它只能建立一個應用。若是你要開發多個應用的話，那你只能註冊多個帳號了。

 

Q：怎麼使用小程序？新人開發有什麼快速掌握的技巧麼？

A：小程序已經正式發佈了，初期要使用只能經過掃二維碼、微信朋友打開。

新人開發的技巧，我以爲是要先仔細看一遍文檔，文檔下方的tips提醒必定要記一下，省得踩到坑了都不知道。

初期按照文檔開發也會有一些問題，實際是小程序的一些bug，如今大部分已經修復了，總之按照文檔說的作就好。

要注意真機和開發者工具的不一樣，一些代碼在開發者工具上能夠運行，真機上就不行了，緣由是開發者工具並無徹底執行文檔裏說的那些限制，好比說websocket的wss協議地址不能加端口號，若是加了在開發者工具上能夠運行，在真機上就會報錯

（ wss://test.com(可行)  wss://test.com:1060（不行））。

數據是單向綁定的，不能選擇dom，不能用window對象，要和咱們平時的前端開發區分開來。

  

Q：微信開發服務器https證書必須是第三方證書嗎？目前咱們公司的服務器的https證書都是私人證書，在pc上測試開發並無出現什麼問題，可是在真機上預覽測試的時候調用服務器接口所有報錯了，因此我在想是否是證書的問題致使的？由於是真機測試，因此沒辦法查看錯誤緣由，求指點。

A：小程序這塊，微信仍是比較嚴格的。證書這塊必須是三方受信任的證書，一些免費的證書好比startSSL都不能經過。真機測試能夠打開調試，頁面就會有一個浮框，打開就能夠看到日誌。給你們一個圖例就能看明白了。

Q：小程序能夠作什麼？小程序的使用場景

A：以前看到有同行在說：我想要用小程序作一個相似美團的外賣小程序、作一個售票小程序等等。

其實，小程序能夠作不少事情，我以爲小程序的特色,在於加強，而不是新生，就是加強現有的服務。

好比說，小程序線下掃碼購票。若是是我的作的相似小程序，車站確定不會讓你放二維碼。可是大廠開發的就不一樣了，他能夠把二維碼放在任何須要的地方，好比車站大廳、學校，小程序只是加強這些大廠的流量入口而已。

總而言之，我以爲它是加強微信的生態，加強線下場景的服務體驗。目前來講小程序主打的就是二維碼掃碼，使用場景是在線下。

 

以前看到一篇文章說的很好：微信小程序是一個比QQ羣應用高明100倍的玩法，首先是調動了無窮無盡的民間生產力來基於足夠細分的場景來創造新內容與新互動，其次小程序的方向再也不是單向的，而是協做式與互動的。

除開線下加強，在微信社交加強方面小程序能開發不少功能，但是民間生產了這些小程序提供微信社交體驗，他們能有什麼收益呢？盈利模式會是什麼呢？這個從目前掌握的信息是看不出來的。

 

Q：是否是能夠在小程序裏面iframe一個傳統的頁面，來解決一些問題呢？

A：不能，只能用微信提供的dom或者說wxml

 

Q：一個企業要發佈多個小程序，就必須註冊n個賬號，而後每一個小程序都要開通微信支付的話，手續費=300元*n？

A：是的，能夠用對公帳戶小額打款就不用300了

 

Q：問一下微信title部分只能更名字和左上角的返回麼，其餘樣式不能改麼？

A：是的，並且他的頭部是原生app實現的，跟着微信的規範，也不會讓你自定義，底部的導航也是一個道理。

 

Q：開發小程序須要哪些技術？？js？

A：基本的前端技術基礎，而後就是看小程序文檔，它會告訴你怎麼使用。

 

Q：微信小程序在android手機上，已經能夠放在桌面上了？

A：是的，但是我並無看到可使用這個的文檔，也許須要發佈後，微信纔會開放這個功能。

 

Q：還有一個問題，好比我想寫一個固定高的頭部不是微信的，其餘的部分100%-頭部高，可是wx插件算出屏幕高單位是px，那我固定頭部就不能用rpx了？

A：有點沒弄懂問的問題，不過你能夠動態計算去設置某一個節點的高，實際rpx就是rem的用法。

 

Q：微信小程序支不支持我的作？？

A：不支持，必需要用公司資質註冊帳號，經過微信的審覈。

 

Q：小程序中怎麼使用傳統的web 頁面？

A：不能使用傳統的web，只能用它提供的wxml，wxss，實際wxss和css同樣，wxml和html有點差異，可是移植的話手動改些東西我以爲可以大概出個差很少的樣子，再本身修一修就好了。小程序裏也不能打開其餘網頁連接。

 

Q：你認爲小程序對公衆號的衝突或者說影響有多大？好比對公司來說，公衆號作一套代碼，小程序還得再作一套，並且對於用戶來說的話，確定更寄託於小程序，不須要再關注和管理衆多的公衆號，那公衆號的將來呢？

A：之後我以爲會有個入口就是在公衆號裏，從公衆號裏直接打開微信小程序（這個應該是會有的，張小龍的演講好像也表達過這一點，不會徹底是二維碼的方式）。我以爲公衆號和小程序不同，不會開發兩套東西，他們的應用場景不同，可是也許公衆號裏有的功能能夠遷入到小程序來作，而後經過公衆號打開就好了。

 

微信小程序已經在今天正式發佈了，更多關於小程序的延伸問題討論，請加入猿分享微信羣。