WordPress小程序源码下载分享


( ! ) Warning: Undefined array key "file" in /www/wwwroot/www.ainiseo.com/wp-includes/media.php on line 1774
Call Stack
#TimeMemoryFunctionLocation
10.0000360360{main}( ).../index.php:0
20.0000360664require( '/www/wwwroot/www.ainiseo.com/wp-blog-header.php ).../index.php:17
30.74828587912require_once( '/www/wwwroot/www.ainiseo.com/wp-includes/template-loader.php ).../wp-blog-header.php:19
40.75198636232include( '/www/wwwroot/www.ainiseo.com/wp-content/themes/justnews/single.php ).../template-loader.php:106
50.84959553288the_content( $more_link_text = ???, $strip_teaser = ??? ).../single.php:77
60.84979553320apply_filters( $hook_name = 'the_content', $value = '各位Wordpress建站的站长们,想必你们想要实现Wordpress搭建小程序的方法和教程,经过一段时间的研究属于实现了Wordpress与小程序的开发与对接。\r\n\r\n费话少说直接给大家看本站小程序效果。\r\n\r\n<a href="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg"><img class="alignnone wp-image-4922" src="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg" alt="" width="227" height="227" /></a>\r\n<h2><strong>'... ).../post-template.php:256
70.84979553568WP_Hook->apply_filters( $value = '各位Wordpress建站的站长们,想必你们想要实现Wordpress搭建小程序的方法和教程,经过一段时间的研究属于实现了Wordpress与小程序的开发与对接。\r\n\r\n费话少说直接给大家看本站小程序效果。\r\n\r\n<a href="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg"><img class="alignnone wp-image-4922" src="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg" alt="" width="227" height="227" /></a>\r\n<h2><strong>'..., $args = [0 => '各位Wordpress建站的站长们,想必你们想要实现Wordpress搭建小程序的方法和教程,经过一段时间的研究属于实现了Wordpress与小程序的开发与对接。\r\n\r\n费话少说直接给大家看本站小程序效果。\r\n\r\n<a href="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg"><img class="alignnone wp-image-4922" src="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg" alt="" width="227" height="227" /></a>\r\n<h2><strong>'...] ).../plugin.php:205
80.85339567416wp_filter_content_tags( $content = '<p>各位Wordpress建站的站长们,想必你们想要实现Wordpress搭建小程序的方法和教程,经过一段时间的研究属于实现了Wordpress与小程序的开发与对接。</p>\n<p>费话少说直接给大家看本站小程序效果。</p>\n<p><a href="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg"><img class="alignnone wp-image-4922" src="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg" alt="" width="227" height="227" /></a></p>\n'..., $context = ??? ).../class-wp-hook.php:324
90.85549624000wp_img_tag_add_srcset_and_sizes_attr( $image = '<img class="alignnone wp-image-4922" src="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg" alt="" width="227" height="227" />', $context = 'the_content', $attachment_id = 4922 ).../media.php:1939
100.85559625856wp_image_add_srcset_and_sizes( $image = '<img class="alignnone wp-image-4922" src="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg" alt="" width="227" height="227" />', $image_meta = ['error' => 'Hacklog Remote Attachment Upyun:上传文件到远程服务器失败!', 'sizes' => ['post-thumbnail' => [...], 'woocommerce_thumbnail' => [...]]], $attachment_id = 4922 ).../media.php:2315

( ! ) Warning: Undefined array key "file" in /www/wwwroot/www.ainiseo.com/wp-includes/media.php on line 1774
Call Stack
#TimeMemoryFunctionLocation
10.0000360360{main}( ).../index.php:0
20.0000360664require( '/www/wwwroot/www.ainiseo.com/wp-blog-header.php ).../index.php:17
30.74828587912require_once( '/www/wwwroot/www.ainiseo.com/wp-includes/template-loader.php ).../wp-blog-header.php:19
40.75198636232include( '/www/wwwroot/www.ainiseo.com/wp-content/themes/justnews/single.php ).../template-loader.php:106
50.84959553288the_content( $more_link_text = ???, $strip_teaser = ??? ).../single.php:77
60.84979553320apply_filters( $hook_name = 'the_content', $value = '各位Wordpress建站的站长们,想必你们想要实现Wordpress搭建小程序的方法和教程,经过一段时间的研究属于实现了Wordpress与小程序的开发与对接。\r\n\r\n费话少说直接给大家看本站小程序效果。\r\n\r\n<a href="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg"><img class="alignnone wp-image-4922" src="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg" alt="" width="227" height="227" /></a>\r\n<h2><strong>'... ).../post-template.php:256
70.84979553568WP_Hook->apply_filters( $value = '各位Wordpress建站的站长们,想必你们想要实现Wordpress搭建小程序的方法和教程,经过一段时间的研究属于实现了Wordpress与小程序的开发与对接。\r\n\r\n费话少说直接给大家看本站小程序效果。\r\n\r\n<a href="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg"><img class="alignnone wp-image-4922" src="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg" alt="" width="227" height="227" /></a>\r\n<h2><strong>'..., $args = [0 => '各位Wordpress建站的站长们,想必你们想要实现Wordpress搭建小程序的方法和教程,经过一段时间的研究属于实现了Wordpress与小程序的开发与对接。\r\n\r\n费话少说直接给大家看本站小程序效果。\r\n\r\n<a href="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg"><img class="alignnone wp-image-4922" src="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg" alt="" width="227" height="227" /></a>\r\n<h2><strong>'...] ).../plugin.php:205
80.85909620896ezTOC::the_content( $content = '<p>各位Wordpress建站的站长们,想必你们想要实现Wordpress搭建小程序的方法和教程,经过一段时间的研究属于实现了Wordpress与小程序的开发与对接。</p>\n<p>费话少说直接给大家看本站小程序效果。</p>\n<p><a href="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg"><img fetchpriority="high" decoding="async" class="alignnone wp-image-4922" src="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg" alt="'... ).../class-wp-hook.php:324
90.86049624048ezTOC::get( $id = 4939 ).../easy-table-of-contents.php:1745
100.86049624048ezTOC_Post::get( $id = 4939 ).../easy-table-of-contents.php:1368
110.86049624688ezTOC_Post->__construct( $post = class WP_Post { public $ID = 4939; public $post_author = '2'; public $post_date = '2019-09-07 19:50:39'; public $post_date_gmt = '2019-09-07 11:50:39'; public $post_content = '各位Wordpress建站的站长们,想必你们想要实现Wordpress搭建小程序的方法和教程,经过一段时间的研究属于实现了Wordpress与小程序的开发与对接。\r\n\r\n费话少说直接给大家看本站小程序效果。\r\n\r\n<a href="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg"><img class="alignnone wp-image-4922" src="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg" alt="" width="227" height="227" /></a>\r\n<h2><strong>'...; public $post_title = 'Wordpress小程序源码下载分享'; public $post_excerpt = ''; public $post_status = 'publish'; public $comment_status = 'open'; public $ping_status = 'closed'; public $post_password = ''; public $post_name = 'wordpress%e5%b0%8f%e7%a8%8b%e5%ba%8f%e6%ba%90%e7%a0%81%e4%b8%8b%e8%bd%bd%e5%88%86%e4%ba%ab'; public $to_ping = ''; public $pinged = ''; public $post_modified = '2025-06-22 00:09:45'; public $post_modified_gmt = '2025-06-21 16:09:45'; public $post_content_filtered = ''; public $post_parent = 0; public $guid = 'https://www.ainiseo.com/?p=4939'; public $menu_order = 0; public $post_type = 'post'; public $post_mime_type = ''; public $comment_count = '0'; public $filter = 'raw' }, $apply_content_filter = ??? ).../class-eztoc-post.php:151
120.86129624912ezTOC_Post->applyContentFilter( ).../class-eztoc-post.php:82
130.86159626912apply_filters( $hook_name = 'the_content', $value = '各位Wordpress建站的站长们,想必你们想要实现Wordpress搭建小程序的方法和教程,经过一段时间的研究属于实现了Wordpress与小程序的开发与对接。\r\n\r\n费话少说直接给大家看本站小程序效果。\r\n\r\n<a href="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg"><img class="alignnone wp-image-4922" src="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg" alt="" width="227" height="227" /></a>\r\n<h2><strong>'... ).../class-eztoc-post.php:215
140.86159627160WP_Hook->apply_filters( $value = '各位Wordpress建站的站长们,想必你们想要实现Wordpress搭建小程序的方法和教程,经过一段时间的研究属于实现了Wordpress与小程序的开发与对接。\r\n\r\n费话少说直接给大家看本站小程序效果。\r\n\r\n<a href="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg"><img class="alignnone wp-image-4922" src="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg" alt="" width="227" height="227" /></a>\r\n<h2><strong>'..., $args = [0 => '各位Wordpress建站的站长们,想必你们想要实现Wordpress搭建小程序的方法和教程,经过一段时间的研究属于实现了Wordpress与小程序的开发与对接。\r\n\r\n费话少说直接给大家看本站小程序效果。\r\n\r\n<a href="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg"><img class="alignnone wp-image-4922" src="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg" alt="" width="227" height="227" /></a>\r\n<h2><strong>'...] ).../plugin.php:205
150.86449635976wp_filter_content_tags( $content = '<p>各位Wordpress建站的站长们,想必你们想要实现Wordpress搭建小程序的方法和教程,经过一段时间的研究属于实现了Wordpress与小程序的开发与对接。</p>\n<p>费话少说直接给大家看本站小程序效果。</p>\n<p><a href="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg"><img class="alignnone wp-image-4922" src="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg" alt="" width="227" height="227" /></a></p>\n'..., $context = ??? ).../class-wp-hook.php:324
160.86459640848wp_img_tag_add_srcset_and_sizes_attr( $image = '<img class="alignnone wp-image-4922" src="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg" alt="" width="227" height="227" />', $context = 'the_content', $attachment_id = 4922 ).../media.php:1939
170.86469642704wp_image_add_srcset_and_sizes( $image = '<img class="alignnone wp-image-4922" src="https://www.ainiseo.com/wp-content/uploads/2019/08/gh_6b5a027370a1_258-1.jpg" alt="" width="227" height="227" />', $image_meta = ['error' => 'Hacklog Remote Attachment Upyun:上传文件到远程服务器失败!', 'sizes' => ['post-thumbnail' => [...], 'woocommerce_thumbnail' => [...]]], $attachment_id = 4922 ).../media.php:2315

各位Wordpress建站的站长们,想必你们想要实现Wordpress搭建小程序的方法和教程,经过一段时间的研究属于实现了Wordpress与小程序的开发与对接。

费话少说直接给大家看本站小程序效果。

Wordpress小程序源码下载分享

需要哪些准备

开发小程序,先申请小程序账号,https://mp.weixin.qq.com,点击注册,选择小程序,按要求填写信息,注册成功以后,设置里可以看到小程序AppID(小程序ID)。

微信小程序注册

需要哪些工具

安装开发环境:
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html,下载对应版本,安装完成。

微信小程序开发工具

 

WP小程序源码插件

实现WP与小程序数据打通需要安装插件,推荐WordPress REST API 小程序插件

免费开源 Mini Program API 插件后台截图

Mini Program API 插件后台

插件下载地址:

https://github.com/dchijack/wp-mini-program/releases

下载 WordPress 插件安装之前需要注意几个点:

1. WordPress 版本,目前插件支持最低版本是 4.9.8, 即网站的 WordPress 程序版本不得低于 4.9.8,否则部分功能会无法正常使用

2. WordPress 网站主题或者其他插件不能禁用 REST API 功能。如何验证网站是否禁止了 REST API 功能,只需要通过网站域名加上 /wp-json/ 访问检查是否正常。这里需要注意一点,在检查是否正常之前,需要设置固定链接形式,除朴素外的任意一种。大多数情况下,如果没有安装 JSONView 插件的话,看到的将会是乱码一样的代码,正常情况下,这种情况属于正常,只是需要注意的是,代码头部是否有报错信息。如果没有的话,那基本上是正常可用的。

如果 WordPress 版本大于 4.9.8(目前插件支持到 5.2.2 版本,并且支持古腾堡编辑器),同时,网站也支持 REST API 。那么基本上可以正常使用。

安装插件后的界面

小程序功能截图

 

微信小程序前端源码

WordPress安装完插件之后就需要对接的小程序前端的源码,也就是让大家看到的小程序界面。

目前小程序平台非常多,有微信小程序,头条小程序 ,百度小程序,支付宝小程序,QQ小程序等等。

每家的小程序平台开发大概相似,只需要少量的修改就可以使用。

本教程先以微信小程序开发为例:看本站的小程序示例

 

前端界面是如下,扫码进行浏览。

微信小程序效果图

小程序源码下载

微信小程序前端weTravel

小程序源码

源码下载之后,利用微信小程序开发工具加载这个项目,就可以进行下一步的修改和编辑了。

代码修改指南

  1. 下载获取前面提供的源码包
  2. 解压压缩包后, 打开weTravel 文件夹 utils 目录下的 base.js
  3. 修改 base.js 里的 const API_HOST = ‘你的域名’ // 注意,域名需要填写协议,比如  https://www.ainiseo.com/
  4. 登录微信公众号小程序后台 – 开发 – 服务器配置 ,把你的域名加入 request 域名
  5. 登录网站后台, 在仪表盘下方的小程序设置里,填写上对应的 AppID 和 AppScret
  6. 然后使用微信开发者工具导入 weTravel 目录进行开发调试

小程序开发示例

 

关于Wordpress小程序源码分享流程就这么多,如有兴趣可以深入的研究一下。

 

免责声明:网所有文字、图片、视频、音频等资料均来自互联网,不代表本站赞同其观点,内容仅提供用户参考,若因此产生任何纠纷,本站概不负责,如有侵权联系本站删除!邮箱:207985384@qq.com https://www.ainiseo.com/jianzhan/4939.html

(2)
上一篇 2019年9月7日 下午7:45
下一篇 2019年9月15日 下午8:02

相关文章推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

aisoboke
QQ 微信 Telegram
分享本页
返回顶部