cover_image

苹果推荐的古诗词 App 做成小程序,会是怎样?

technote小程序微信小程序Demo小程序开发西窗烛西窗科技西窗诗词
Astrian 🦊

<p><img class="aligncenter size-full wp-image-755710" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2016/12/Featured.jpg" alt="featured" width="1200" height="750" srcset="http://www.ifanr.com/wp-content/uploads/2016/12/Featured.jpg 1200w, http://www.ifanr.com/wp-content/uploads/2016/12/Featured-360x225.jpg 360w, http://www.ifanr.com/wp-content/uploads/2016/12/Featured-768x480.jpg 768w, http://www.ifanr.com/wp-content/uploads/2016/12/Featured-1024x640.jpg 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p> <p>我们已经为大家推荐过「知了交通」、「知了地铁」和「苹果购物指南」三款小程序,这些都是爱范儿开发的一些小程序。</p> <p><span style="font-size: 14px; color: gray;">关注知晓程序(微信号 zxcx0101),回复「<span style="color: #605eac;">上手</span>」,查看三款小程序上手体验文章。</span></p> <p><strong>今天要为大家推荐的,是一款名为「西窗诗词」的诗词查询小程序。</strong>这是 App Store 首页推荐应用「西窗烛」开发者开发的一款小程序,它可以让你在手机上查询、阅读、聆听诗词。</p> <p><img class="aligncenter size-full wp-image-755920" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2016/12/bla.gif" alt="bla" width="320" height="566" /></p> <h3><span style="color: #605eac;">「西窗诗词」如何传递古诗词之美?</span></h3> <p>一打开「西窗诗词」,首先会看到其他用户录制的诗词音频。<strong>点击下方的「文库」,「西窗诗词」会将所有诗词按照不同主题进行分类、归档。</strong></p> <p><img class="aligncenter size-full wp-image-755657" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2016/12/xiuc-1.jpg" alt="xiuc-1" width="1000" height="882" srcset="http://www.ifanr.com/wp-content/uploads/2016/12/xiuc-1.jpg 1000w, http://www.ifanr.com/wp-content/uploads/2016/12/xiuc-1-360x318.jpg 360w, http://www.ifanr.com/wp-content/uploads/2016/12/xiuc-1-768x677.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p> <p><strong>「西窗诗词」的分类非常全面,一共有 5 个大分类、70 个小分类。</strong>无论是壮志豪情,还是感时伤世,抑或只是想送朋友一首诗,你都能在「西窗诗词」找到对应的分类。</p> <p>如果你想通过某个诗句找到原诗,你也可以在「文库」顶部的搜索框中输入关键词或诗句,快速检索对应的原诗。</p> <p>「西窗诗词」目前已经支持 2709 首(本月将会扩充至 52 万首)经典诗词的全文检索。针对不同的诗词,<strong>「西窗读诗」也提供评析、注释、译文、赏析和名家点评</strong>,帮助帮你更好地理解这个诗词。</p> <p><img class="aligncenter size-full wp-image-755659" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2016/12/xiuc-2.jpg" alt="xiuc-2" width="1000" height="882" srcset="http://www.ifanr.com/wp-content/uploads/2016/12/xiuc-2.jpg 1000w, http://www.ifanr.com/wp-content/uploads/2016/12/xiuc-2-360x318.jpg 360w, http://www.ifanr.com/wp-content/uploads/2016/12/xiuc-2-768x677.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p> <p>「西窗诗词」支持听诗、读诗。<strong>用户可以在「西窗诗词」中收听其他用户的诗词录音,或录制分享自己的读诗。</strong>「西窗诗词」小程序的录音数据与「西窗烛」app 相通。</p> <p>你可以在首页或诗词页面中收听到其他用户的读诗,知晓程序(微信号 zxcx0101)在收听了几个读诗后,发现「西窗诗词」用户的读诗质量非常高。</p> <p><img class="aligncenter size-full wp-image-755660" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2016/12/xiuc-3.jpg" alt="xiuc-3" width="1000" height="882" srcset="http://www.ifanr.com/wp-content/uploads/2016/12/xiuc-3.jpg 1000w, http://www.ifanr.com/wp-content/uploads/2016/12/xiuc-3-360x318.jpg 360w, http://www.ifanr.com/wp-content/uploads/2016/12/xiuc-3-768x677.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p> <p><strong>如果你也想将你读诗的感悟通过录音的方式分享,你也能在「西窗诗词」中录制读诗音频。</strong>在录音页面,「西窗诗词」会将诗词原文显示出来,方便你在录制时进行参考。</p> <p>录制完毕后,你可以在提交前收听录音,不满意可以重新录制。点击「完成」按钮,录音就可以提交。</p> <h3><span style="color: #605eac;">7 天完成的「西窗诗词」,多媒体播放是难题</span></h3> <p>刘志鹏是「西窗烛」app 的开发者,他同时也开发了「西窗诗词」小程序。<strong>他表示,「西窗诗词」花了大约「4 天的下班时间,加 3 天的周末时间」完成。</strong></p> <p>带有读诗、听诗功能的「西窗诗词」,自然免不了要与微信的语音录制与播放接口打交道。在「西窗诗词」开发的过程中,刘志鹏发现,在微信中调用录音接口时有很多限制和不足。</p> <p><strong>在微信中录音,除了时长限制和质量限制,生成的文件格式也不是常见的格式。</strong>这种名为 SILK 的文件格式需要转换为 MP3,才能在「西窗诗词」中使用。最后,刘志鹏选择使用开源代码进行转换。</p> <p>此外,将「西窗烛」app 的用户系统与接微信的用户系统对接,也是「西窗诗词」开发时遇到的难题之一。好在,微信官方提供了 UnionId 解决方案,只需要阅读文档,这些问题就能解决。</p> <p><span style="text-size: 14px; color: gray;">关注知晓程序(微信号 zxcx0101),回复「<span style="color: #605eac;">官方文档解读</span>」,花一半时间了解官方提供的所有开发文档。</span></p> <h3><span style="color: #605eac;">易开发的小程序更纯粹</span></h3> <p>参与过 app 和小程序开发工作的刘志鹏认为,「感觉小程序的开发门槛比较低,还是要赞一下微信团队」。</p> <blockquote><p>框架和组件都设计得非常好,开发者工具也挺好用(支持 Hot Reload、ES6)。个人觉得小程序的开发门槛比 HTML 5 都低。</p></blockquote> <p>同时,刘志鹏还表示,小程序无需分别针对 iOS 和 Android 编写两套代码,微信已经将跨平台的问题解决了。这让他在开发「西窗诗词」中省下了不少的精力。</p> <p>开发难度的降低,带来的最显而易见的好处就是时间成本的降低。</p> <blockquote><p>微信小程序优秀的设计、优秀的开发工具,都让开发小程序的速度比开发 app 快了一个数量级。</p></blockquote> <p>当被问及小程序是什么的时候,刘志鹏的回复可以被总结为:「更纯粹的服务。」</p> <p>他说,小程序扫一扫或搜一搜即用且无需卸载的特性,以及小程序中的各种限制,都看得出微信团队希望让小程序保持纯粹。</p> <blockquote><p>理想中的小程序,就像家用电一样,存在于无形之中。</p></blockquote> <p>至于是否会继续开发小程序,刘志鹏给出了肯定的回答,而且他的回应显得很坚定。</p> <blockquote><p>对于我这种创业者来说,一种新的平台的出现,就意味着新的机遇和突破口。无论小程序被低估还是被高估,都不会影响我对小程序的态度。</p> <p>创业是九死一生的事情,哪怕小程序只有 10% 的机会,都值得创业者们去积极拥抱。机会总是留给有准备的人。</p></blockquote> <p>本期的小程序分享到这里就要告一段落了。我们也希望有更多开发者,能够开发出更多好用、有趣的小程序,为用户提供更多价值。</p> <p>如果你也有开发完毕的小程序与我们分享,欢迎添加程小序为好友(关注微信号 zxcx0101,回复「程小序」,获得程小序二维码名片),标明「<span style="color: #605eac;"><strong>Demo 分享</strong></span>」,我们会尽快与你取得联系。</p> <p><strong>本文由知晓程序原创出品,关注微信号 zxcx0101,回复「<span style="color: #605eac;">接入指南</span>」获取最全、最值得看的小程序接入全指南。</strong></p> <p style="text-align: center;"><span style="color: #605eac;">快速关注知晓程序↓↓↓</span></p> <p><img class="aligncenter wp-image-743320 size-full" src="http://images.ifanr.cn/wp-content/uploads/2016/11/zxcx-1.jpg" sizes="(max-width: 960px) 100vw, 960px" srcset="//ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2016/11/zxcx-1.jpg 960w, //ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2016/11/zxcx-1-360x203.jpg 360w, //ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2016/11/zxcx-1-768x432.jpg 768w" alt="zxcx" width="960" height="540" /><strong><span style="color: #605eac;">知晓程序<span class="s1">(</span>微信号<span class="s1"> zxcx0101)</span></span>是爱范儿旗下专注于小程序生态的公众号。我们提供最全面、新鲜的小程序资讯<span class="s1">(</span>消息、观点、指南、活动<span class="s1">)</span>和服务<span class="s1">,在这里你</span>能了解到关于小程序的一切。</strong></p>