【超详细】免费搭建一个资源类小程序,对接wordpress网站内容

news/2024/5/15 9:38:53/文章来源:https://blog.csdn.net/qq_43079386/article/details/123461682

目录

准备东西

源码及插件

网站准备:

网站后台设置

小程序上传

修改域名

修改App ID

修改名称

Hubider X配置

运行程序

运行程序

配置相关


准备东西:

已经备案的域名

服务器

SSL【需要https】

申请小程序

源码及插件

下载地址

网站准备:

这里不详细说明如何搭建网站了。

简单来说,准备好服务器,搭建宝塔宝塔面板 - 简单好用的Linux/Windows服务器运维管理面板

选择你的系统,部分大厂服务器安装系统时可选择自带宝塔面板

安装完成宝塔面板如忘记 账号和密码  进入ssh管理器输入以下内容

1.开启root管理员身份

sudo su root

2.获取宝塔账号密码

bt default

你会得到你的宝塔账号和密码

 登录后,下载wordpress   Blog Tool, Publishing Platform, and CMS | WordPress.org

上传到宝塔解压,解压完成后进入后台。管理自己的主题,

Wordoress的基础使用就不多说了。

网站后台设置

1.伪静态【在宝塔里面选择wordpress确认即可】不做这个网站可能会404

2.设置固定链接

3.设置媒体裁剪为0

 4.设置SSL证书

宝塔一键设置或者服务器设置

5.上传插件

wordress上传fengrui-xingshu.zip插件

wordpress----插件----上传pods.zip插件

wordpress----插件----上传Chine-yes.zip插件(下载地址:https://a1.wp-china-yes.net/apps/wp-china-yes.zipopen in new window)

6.导入pods字段

打开pods.html文件,复制代码;随后后台设置pods菜单----组件----安装Migrate: Packages

点击migrate packages,点击导入粘贴代码 

随后左边菜单就会多出一个基本配置----这里面时小程序的管理后台。

小程序上传

首先下载小程序  

HBulider X App开发版:https://www.dcloud.io/hbuilderx.htmlopen in new window

微信小程序开发工具:稳定版 Stable Build | 微信开放文档

修改域名

域名修改在源码components/api.js中修改

export const API = 'https://www.frbkw.com/';

1

修改App ID

小程序App id在源码manifest.json中找到微信小程序ID修改

修改名称

在源码pages.json中找到星宿UI-枫瑞博客修改成你的(有2处)

Hubider X配置

下载安装好HBulider X 之后点击左上角点击偏好设置设置—–运行配置—-配置相对于的开发工具路径

windows在 工具 -设置-运行配置中

右键微信开发者工具 属性--目标路径粘贴

 

运行程序

hbuilder x 菜单点击运行----运行到微信小程序

 

Hubider X配置

下载安装好HBulider X 之后点击左上角点击偏好设置设置—–运行配置—-配置相对于的开发工具路径(windows大家自己找找,QQ小程序也是一样)

#运行程序

hbuilder x 菜单点击 运行-运行到微信小程序-小程序模拟器

 软件会自动打开微信开发工具

 

 

配置相关

1.小程序开发管理--开发设置

设置成你自己的网站

 2.这里要取消勾选不检验否则上线后会白屏显示

2. 

 

更换完你的信息后,可以点击上传,上传到微信小程序后台,等待审核完成后,还需要点击上线才可以正常访问!

更多资源 苏音资源网 - 提供免费资源分享-苏音教程最新分享网

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_807088.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

wordpress网站迁移更换服务器成功

目录 准备工作 迁移准备: 解析dns 安装宝塔 wordpress安装 All-in-One WP Migration 插件 All-in-One WP Migration 插件 旧服务器--导出数据 解决上传限制50mb问题 解决导入数据导入失败或者进度条长时间不动 新服务器--导入数据 最后设置 数据库设置 …

网站频繁出现mysql等数据库连接失败等信息解决办法

前言 我自己的网站经常会发生【网站频繁出现mysql等数据库连接失败等信息解决办法这样的问题,需要手动重启】 于是我查询了网上的解决办法。主要如下。 解决办法 打开宝塔,计划任务输入下列代码 pgrep -x mysqld &> /dev/null if [ $? -ne 0 ];…

如何加速响应式网站

为什么80%的码农都做不了架构师?>>> 日期:2013-9-6 来源:GBin1.com 响应式网站设计在最近的十年中早已是个众所周知的流行用语,它是我们现实生活中,面对不同大小的屏幕,最理想的理念。但是可…

【解决】宝塔访问网站提示no input file specified

我试了两种办法 第二种成功解决,大家可以先用第一种,不行的话再用第二种。 no input file specified 意思是未指定输入文件 解决办法参照下文 第一种 取消防跨站攻击 部分用户取消勾选重启服务器会解决。 第二种 php 找到你使用的php,选择…

红帽系统实现基础网站框架搭建

红帽系统实现基础网站框架搭建 1、挂载镜像。 vim到fstabvim /etc/fstab将sr0挂载到mnt下 /dev/sr0 /mnt iso9660 defaults 0 0然后保存退出并启用一下 mount -a2、搭建仓库 vim 到 yum.repos.d下创建一个以repo结尾的文件作为仓库 v…

shell脚本检查网站状态

检查网站状态通常使用wget或curl工具,下面分别使用这二种工具来做写检查网站的脚本。(学习自老男孩shell编程) 命令行: 1、curl得到返回值200,表示正常 [rootc7 ~]# curl -o /dev/null -s --connect-timeout 5 -w %{ht…

火狐input记忆历史记录_删除您刚刚在Firefox中访问过的网站的历史记录

火狐input记忆历史记录You just clicked through to a website and realized that it was one you wish you had not visited. Now the website is in your browser’s history (ouch!) and you need to remove it. Here is how you clean up that “little history problem”.…

将免费的Windows Live应用添加到您的网站或博客

Would you like to use Hotmail, Office Web Apps, Messenger, and more on your website domain? Here’s how you can add Windows Live to your website for free. 您想在您的网站域上使用Hotmail,Office Web Apps,Messenger等吗? 这是将…

修改.htaccess文件设置网站默认打开静态页面

为什么80%的码农都做不了架构师&#xff1f;>>> .htaccess文件设置网站默认打开静态页面的方法。首先复制如下代码&#xff1a; <Files ~ "^.(htaccess|htpasswd)$"> deny from all </Files> DirectoryIndex index.html index.php order den…

大型网站技术架构-知识点

WebServer: Apache&#xff0c;Nginx&#xff0c;IIS&#xff0c;JBoss 动静分离: Img&#xff0c;doc,js,css等静态资源&#xff0c;使用单独的web Server处理。 动态页面静态化处理。 缓存&#xff1a; 客户端&#xff08;浏览器&#xff09;缓存&#xff1a; 根据Http协议的…

Hadoop学习笔记—20.网站日志分析项目案例(三)统计分析

Hadoop学习笔记—20.网站日志分析项目案例&#xff08;三&#xff09;统计分析 网站日志分析项目案例&#xff08;一&#xff09;项目介绍&#xff1a;http://www.cnblogs.com/edisonchou/p/4449082.html 网站日志分析项目案例&#xff08;二&#xff09;数据清洗&#xff1a;h…

网站底部应该怎样进行seo优化

一、网站底部内容放置的优化要点 1、首尾呼应&#xff0c;可在网站底部增加导航&#xff0c;对网站起到承前启后的作用&#xff0c;使蜘蛛出站时增强对网站的印象。 2、网站底部内容要包含关键词&#xff0c;但不可堆砌关键词。 3、全站链接最多做3个为宜。 4、简洁不简单&…

uni-app给视频网站套壳并打包apk

昨天 想弄个东西 比如一个视频网址 不想每次都输网址 我想直接套个壳直接弄成apk多简单 说干就干 就用这个 uni-app 完美实现 官网地址 https://uniapp.dcloud.io/ 教程也可简单 下载 HBuilderX 然后 看一下代码 直接复制粘贴进去就行了 <template><view class&q…

Nginx解决网站跨域问题

什么是网站跨域问题 当浏览器请求访问页面时&#xff0c;页面中请求的ajax地址如果和页面请求的地址域名、端口、协议不同的话&#xff0c;浏览器会采用安全策略&#xff0c;请求能够正常的到达服务器端&#xff0c;但是无法获取响应结果。 跨域问题的遇到场景 实际开发中前后…

细谈ajax在PHP网站中实际运用===my story

2019独角兽企业重金招聘Python工程师标准>>> ajax技术很火&#xff0c;大有星火燎原之势 AJAX无疑是2005年炒的最热的Web开发技术之一&#xff0c;当然&#xff0c;这个功劳离不开Google。我只是一个普通开发者&#xff0c;使用AJAX的地方不是特别多&#xff0c;我…

QQ互联开发-01-开发者注册和网站应用申请

首先需要申请网站应用 要想使用QQ互联&#xff0c;首先需要先注册一个开发者账号&#xff0c;使用QQ号码可以注册&#xff0c;注册后&#xff0c;就可以创建网站应用了&#xff1b; 通过下面地址&#xff1a;https://connect.qq.com/&#xff0c;我们去登录QQ互联 登录后如果没…

Apache网站服务基础

Apache网站服务基础一&#xff0e;安装httpd服务器1. 为了避免端口冲突&#xff0c;程序冲突&#xff0c;建议先卸载使用RPM方式安装的httpdrpm -q | grep httpdrpm -e httpd --nodeps2. 源码编译及安装a) 解包tar zxfhttpd-2.2.17.tar -C /rootcd ~b) …

大型网站架构之千万PV之RabbitMQ

简介MQ全称为Message Queue, 消息队列&#xff08;MQ&#xff09;是一种应用程序对应用程序的通信方法。应用程序通过读写出入队列的消息&#xff08;针对应用程序的数据&#xff09;来通信&#xff0c;而无需专用连接来链接它们。消息传递指的是程序之间通过在消息中发送数据进…

Python+Flask框架搭建可视化网站

PythonFlask框架搭建可视化网站 一、项目结构 二、app.py from flask import Flask,render_template import sqlite3app Flask(__name__)app.route(/) def index(): # put applications code herereturn render_template("index.html")app.route(/index) def ho…

合法练习黑客技术?这15个网站也许可以帮到你

俗话说得好&#xff0c;最好的防守就是进攻&#xff0c;而这句话同样适用于信息安全领域。接下来&#xff0c;我们将给大家介绍15个最新的网络安全网站。无论你是开发人员、安全专家、审计人员、或者是渗透测试人员&#xff0c;你都可以利用这些网站来提升你的黑客技术。熟能生…