构建WordPress移动应用的三种主要方法:使用应用构建器、创建自定义混合应用或使用AppPresser。每种方法都有其优缺点,选择取决于项目的具体需求。
要点:
本文将深入探讨这三种方法,并讨论每种方法的优缺点。超过24%的互联网用户使用WordPress,其中许多用户希望拥有一个移动应用程序。
将WordPress的内容用于应用程序非常有意义,这样,当网站更新时,应用程序也会更新。例如,如果您是一家在线杂志,您希望发布的任何新文章都能立即在应用程序中提供。如果您对网站进行任何更改,您也希望这些更改无需额外工作即可应用于应用程序。
一些应用构建器使用第三方内容管理系统来创建您的应用程序内容。如果您有一个WordPress网站,为什么不使用WordPress作为CMS呢?
WordPress用户习惯于使用插件和主题来自定义他们的网站,而这些并不总是能很好地转换为移动应用程序。当开发人员接到想要在移动应用程序中模仿其WordPress网站的客户的要求时,这会带来一些独特的挑战。例如,如果客户使用BuddyPress在其网站上创建社交网络,并且他们想要一个具有相同体验的移动应用程序,那么如何实现呢?使用事件或电子商务插件的情况又如何呢?
移动应用程序的技术限制意味着集成网站功能(例如WordPress插件)通常是一项艰巨的任务。幸运的是,有一些方法可以将WordPress集成到适合任何项目的移动应用程序中。让我们来看看其中三种方法。对于每种方法,我将介绍使用混合应用程序技术以及PhoneGap构建WordPress移动应用程序(Narayan Prusty也在这里介绍了WordPress和PhoneGap)。
应用构建器
应用构建器允许您无需编码,只需很少的技术专业知识即可创建移动应用程序。
如果您不想花费太多钱,并且不需要任何真正自定义的内容,它们可以很好地工作。有各种各样的应用构建器,包括Mobile Roadie、Shoutem、Good Barber、Reactor(使用AppPresser)和Telerik AppBuilder。每个构建器对WordPress的支持程度各不相同,大多数允许您集成帖子和评论,但除此之外没有其他功能。
例如,Shoutem允许您通过在WordPress网站上安装其插件来提取帖子。这使您可以显示您的WordPress内容并接受对您应用的评论。
这与大多数应用构建器类似,Reactor除外,它允许集成某些插件。如果您是Web开发人员,您可以使用更高级的工具,例如Telerik AppBuilder,大多数公司都提供开发人员API。
优点:
如果您的应用程序只需要WordPress内容,并且您是非技术人员,那么应用构建器是一个不错的选择。
对于不想雇用开发人员的非技术人员来说,应用构建器可能是唯一的选择。
缺点:
如果您需要对应用程序进行自定义,或者想要在应用程序中使用WordPress插件,那么应用构建器不是最佳选择。
让我们看看另外两种使用WordPress制作应用程序的方法。
自定义混合应用
第一种方法是使用Ionic框架和WP-API等技术创建自定义混合应用程序。
传统的混合应用程序使用HTML、CSS和JavaScript等Web技术。然后,它与PhoneGap一起打包,以允许访问本机设备功能,并为应用商店进行编译。
您可以将其视为可以访问WordPress内容的单页Web应用程序。这就是WP-API的用武之地。
WP-API是一个为WordPress核心提出的新功能。它是WordPress的JSON REST API,这意味着它使您的许多内容易于在外部应用程序(例如移动应用程序)中使用。它还允许双向通信,例如从移动应用程序创建帖子和批准评论。
WP-API使将WordPress内容添加到我们的移动应用程序变得容易。要使用它,您只需在WordPress网站上安装并激活WP-API插件。激活插件后,您可以通过访问端点(例如http://yoursite.com/wp-json/wp/v2/posts)查看您的API数据。
在那里,您可以看到您的帖子以JSON格式显示,这就是我们可以将其提取到我们的移动应用程序中的内容。例如,我们可以发送AJAX请求以在jQuery中获取所有帖子数据,如下所示:
jQuery(document).ready(function($) { $.get( "http://scottbolinger.com/wp-json/wp/v2/posts", function( data ) { $.each( data, function( i, val ) { $( "#app" ).append( '<li>' + '<h3>' + val.title.rendered + '' + '<p>' + val.excerpt.rendered + '' + '' ); }); }); });
如果您将该代码添加到HTML文件中并在Web浏览器中加载它,您应该会看到如下所示的图像。如果您在您的网站上安装了WP-API v2插件,您可以将URL更改为您自己的网站。
这是一个非常简单的示例,要超越这一点,您可以使用Ionic之类的移动应用程序框架。这将使您可以更轻松地创建看起来像移动应用程序的内容。在开发混合应用程序时,您可以使用HTML和JavaScript等Web技术来制作应用程序。使用PhoneGap,您可以将应用程序包装在您的Web代码周围,将其转换为iOS和Android应用商店的原生应用程序。
有关使用Ionic和WP-API创建移动应用程序的深入文章,请参阅本文或本文。
这种方法的优点:
使用这种传统的混合移动应用程序方法,您可以创建一个快速应用程序,该应用程序允许本机转换、缓存、离线等。您可以创建一个完全或部分离线工作的应用程序,集成多个API(不仅仅是WordPress),并访问设备功能,例如相机和推送通知。
这种方法的缺点:
这是将内容添加到应用程序的好方法,但是WordPress的其他功能(例如插件)呢?WP-API非常适合提取帖子和页面等内容,但是如果您想执行其他操作,它就会变得困难。
许多人希望他们在其网站上使用的插件也能在应用程序中使用。通过WP-API这样做非常困难,甚至不可能。例如,让我们以Gravity Forms为例。如果您在网站上有一个显示Gravity Forms的简码,则表单的HTML标记将传递到应用程序。您将看到输入字段和按钮,但它们将无法工作。
这是因为Gravity Forms(和大多数插件)在WordPress网站上使用脚本和PHP处理,而这些在应用程序中不存在。结果是表单无法正常工作。要使用这样的插件,您必须从头开始构建与Gravity Forms通信的AJAX表单处理。虽然并非不可能,但这一个功能将非常复杂。
一种解决方案是使用iFrames显示表单,类似于Google Maps或YouTube。这在某些情况下有效,但iFrames可能不可靠,并且并非适用于所有插件。
我们如何解决这个问题?让我们看看AppPresser,这是一种完全不同的方法。
AppPresser
正如我们上面所看到的,您无法非常轻松地将WordPress插件和其他自定义功能添加到移动应用程序中。
在Gravity Forms示例中,您可以看到如果没有大量自定义代码,则无法在我们的应用程序中处理表单。对于许多其他WordPress插件(例如电子商务插件、BuddyPress、bbPress等)也是如此。基本上,任何不仅仅是显示HTML的插件都不会在我们的应用程序中开箱即用。
AppPresser是一个免费插件(还有一个付费版本,具有额外功能),它通过在应用程序中加载整个WordPress网站来解决此问题。这意味着我们可以毫无问题地在应用程序中使用几乎所有WordPress插件。对于许多插件来说,这是使它们在应用程序中工作的唯一方法。
让我们以BuddyPress插件为例。BuddyPress就像WordPress的“Facebook合集”。如果您有一个网站在其上使用BuddyPress的社交网络功能,您可能希望制作一个允许相同类型社交网络的应用程序。
其他集成包括WooCommerce、Gravity Forms、bbPress以及数百个其他插件。
AppPresser允许您在WordPress中工作以制作应用程序,例如,您可以将简码添加到名为[app-camera]
的WordPress页面中,该简码在应用程序中查看页面时会添加设备相机。这允许熟悉WordPress的人在没有先前移动开发技能的情况下构建应用程序。
优点:
如果您想要一个以预算为基础与您的WordPress网站以相同方式工作的移动应用程序,我认为AppPresser是您的最佳选择。这是在没有大量自定义开发的情况下整合许多不同插件的唯一方法。
缺点:
AppPresser的离线功能和设备存储空间有限。如果离线或速度是您主要关注的问题,它可能不适合您的项目。
哪个适合您的项目?
我们研究了三种不同的方法来构建集成WordPress网站的移动应用程序。每种方法都有其优缺点,每个项目都不同。
如果您是非技术人员,并且不想支付开发人员的费用,那么使用应用构建器可能是您的唯一选择。几乎每种类型的应用程序都有应用构建器,因此您应该能够在不花费太多钱的情况下制作出有效的应用程序。但是,如果您想要大量自定义或深度WordPress集成,您可能会感到失望。
使用WP-API和Ionic等框架创建自定义应用程序可以为您提供快速、高质量的应用程序。您可以执行几乎所有需要执行的操作,包括构建离线功能、自定义设计和几乎所有需要的功能。如果您需要集成WordPress插件,您基本上必须自己构建所有内容,例如使用Gravity Forms进行表单处理。将您的自定义代码与WordPress集成需要认真考虑安全性,并且需要大量自定义代码。
如果您对模仿您的WordPress网站的应用程序感兴趣,并且您正在使用许多自定义插件,那么AppPresser可能适合您。这是将您的WordPress网站快速且经济实惠地添加到应用程序中的方法。
每个项目都有不同的需求,拥有三种不同的方法来构建您的应用程序将帮助您每次都能找到最佳匹配。
(以下为原文FAQ部分的伪原创,保持原意,调整措辞)
关于使用WordPress创建移动应用程序的常见问题解答(FAQ)
使用WordPress创建移动应用程序有很多好处。首先,它允许您利用WordPress的功能,WordPress是一个为超过35%的网络提供支持的平台。这意味着您可以利用其强大的功能、插件和主题。其次,它具有成本效益。传统的应用程序开发可能很昂贵,但使用WordPress,您可以大幅降低成本。最后,它易于更新和维护。您可以直接从WordPress仪表板轻松地将更新推送到您的应用程序,从而节省您的时间和精力。
是的,您可以将现有的WordPress网站转换为移动应用程序。有几种插件和工具可以帮助您完成此过程。这些工具基本上会获取您的WordPress网站并将其打包成移动应用程序格式。这可能是扩展您的在线业务和覆盖更多用户的绝佳方式。
有几个很棒的插件可以帮助您将WordPress网站转换为移动应用程序。一些最受欢迎的插件包括AppPresser、AppMySite和MobiLoud。这些插件提供一系列功能,包括自定义选项、推送通知以及与WordPress插件的集成。
不,创建WordPress移动应用程序并不一定需要编码技能。许多可用的插件和工具都设计得很用户友好,不需要任何编码知识。但是,对HTML、CSS和JavaScript有一些基本的了解对于自定义和故障排除可能会有所帮助。
优化WordPress移动应用程序以获得更好的性能涉及几个步骤。首先,选择可靠的托管提供商以确保您的应用程序快速加载。其次,使用响应式主题,该主题设计用于在移动设备上良好运行。第三,优化您的图像和内容以进行移动查看。最后,使用缓存和缩小以减少服务器负载并提高加载时间。
是的,您可以将您的WordPress移动应用程序货币化。有几种方法可以做到这一点,包括应用内广告、应用内购买、订阅模式和赞助内容。最适合您的方法将取决于您的应用程序的内容和您的业务模式。
确保您的WordPress移动应用程序安全涉及几个步骤。首先,始终保持您的WordPress安装、主题和插件更新。其次,为您的WordPress管理员帐户使用强大且唯一的密码。第三,使用安全插件以添加额外的保护层。最后,定期备份您的WordPress网站以保护您的数据。
是的,您可以将社交媒体集成到您的WordPress移动应用程序中。许多插件允许您添加社交分享按钮、嵌入社交媒体Feed,甚至允许用户使用他们的社交媒体帐户登录。这可能是提高参与度和鼓励用户分享您的内容的好方法。
改善WordPress移动应用程序的用户体验涉及几个步骤。首先,确保您的应用程序快速加载并运行良好。其次,使您的应用程序易于导航,并具有清晰直观的布局。第三,提供有价值且引人入胜的内容。最后,根据用户反馈定期更新您的应用程序,添加新功能和改进。
是的,您可以使用您的WordPress移动应用程序发送推送通知。许多插件都提供此功能,允许您直接将通知发送到用户的设备。这可能是吸引用户、推广新内容和将流量吸引到您的应用程序的好方法。
请注意,所有图片链接都保留了原文的格式。
以上是使用WordPress创建移动应用的3种方法的详细内容。更多信息请关注PHP中文网其他相关文章!