• 注册
  • 发布
  • APP下载安卓
  • 注册
  • WP小程序 WP小程序 关注:5 内容:4

    手把手教你一站式封装打包上线微信小程序教程

  • 查看作者
  • 打赏作者
  • 当前位置: 飞优网 > 小程序及开发 > WP小程序 > 正文
    • 8
    • WP小程序
    • 大版主
      MarTech·神人
      2
      大富豪

      前天开始着手第二款小程序开发,基于xiaofeiseo.com这个站点,现在来说说这个小程序的前期打包及安装上线等基本过程:

      一、前期准备:

      域名+服务器+小程序源码包+小程序帐号,清单如下:

      1. 服务器及环境
        建议使用linux服务器+centos+nginx1.15+MySQL5.6+php7.3
        注意:不支持php5.5及以下版本,wordpress版本不能低于4.9【古藤堡兼容有问题,可以安装经典编辑器

      2. 小程序账号
        请提前注册好小程序账号

      域名准备:

      1. 备案域名

      2. 小程序只支持备案域名接入

      wordpress: 链接
      小程序: 链接
      开发工具:  链接

      安装教程分为3块:购买服务器及worppress安装配置;注册小程序;小程序前端修改及测试上线,每一块我会分具体步骤来介绍,不会的直接按教程操作。

      二、安装wp及服务器配置教程

      链接


      手把手教你一站式封装打包上线微信小程序教程

      5.浏览器输入 开始安装
      手把手教你一站式封装打包上线微信小程序教程
      如图数据库名 用户名 密码点击复制
      手把手教你一站式封装打包上线微信小程序教程

      7.输入数据库信息,并将表前缀改成其他的两个字母,点击提交
      8.设置站点信息进入安装界面

      手把手教你一站式封装打包上线微信小程序教程

      9.登录wp后台地址,一般是https://你的域名/wp-admin

      三、注册小程序及修改配置

      3.1小程序注册

      3.1.1 appid和秘钥获取:登录小程序后台查找

      3.1.2 开发域名设置

      • request合法域名 
        -你的网站域名

      • socket合法域名 
        -你的网站域名

      • uploadFile合法域名
        -你的网站域名
        -cdn域名【如果有就填,没有就不用填】

      • downloadfile域名
        -你的网站域名
        -cdn域名【如果有就填,没有就不用填】
        -wx.qlogo.cn【必填】
        -thirdwx.qlogo.cn【必填】

      手把手教你一站式封装打包上线微信小程序教程

      图中:
      xiaofeiseo.com是网站域名
      thirdwx.qlogo.cn 头像域名
      wx.qlogo.cn 头像域名

      3.2 安装小程序及导入项目


      3.2.1 安装小程序开发工具 链接 
      3.2.2 使用小程序管理员或有开发权限的微信号扫码登录

      3.2.3 点击小程序项目,点击+号后填写相关内容,小程序appid改成自己的

      3.2.4 小程序管理后台设置授权域名并添加插件

      3.2.5小程序开发者工具查看详情——域名信息——刷新出现你刚才设置的域名即为正确,清楚缓存并刷新

      手把手教你一站式封装打包上线微信小程序教程

      3.2.7 修改完成点击编译 即可看到效果 ,需要项目包的可以在此贴留言回复 项目包 即可。

      3.2.8 小程序前端修改具体文件

      var DOMAIN = “www.xiaofeiseo.com”;

      2.小程序的名字

      var PAGECOUNT='10';

      4.模板消息

      var REPLAYTEMPPLATEID = 'IiAVoBWP34u1uwt801rI_Crgen7Xl2lvAGP67ofJLo8'回复模板信息ID

      5.个人赞赏码

      xiaofeiseo.com’ }];

      8.首页图标导航

      • 跳转另一个小程序
        url: ‘目标小程序的页面路径 可以不写’,
        redirecttype: ‘miniapp’,
        appid: ‘目标小程序的appid’,

      • 跳转到某个分类目录
        url: ‘/pages/list/list?categoryID=46’, 46改为对应的分类目录id
        redirecttype: ‘apppage’,
        appid: ‘ ‘,

      • 跳转到文章详情页url: ‘/pages/list/list?categoryID=46’, 46改为对应的分类目录id
        url: ‘/pages/detail/detail?id=46’, 46改为对应的文章id
        redirecttype: ‘apppage’,
        appid: ‘ ‘,

      • 跳转到webview页面
        url: ‘/pages/webpage/webpage?url= 链接‘, 此处的域名必须为https且已设置小程序的业务域名
        redirecttype: ‘apppage’,
        appid: ‘ ‘,

      3.3 提交审核及技巧

      手把手教你一站式封装打包上线微信小程序教程

      尽量不要用社区、论坛、朋友圈、圈子等词

      • 提交审核的时候,描述不要提及发帖和圈子等,尽量少写
        注意:类目要选择小程序内容相关的,不要写太多关键词,不要涉及社交、论坛、交互、支付及新闻等内容。

      • 以上就是教你如何不懂代码的人也可以做一个属于你的小程序!

      隐藏内容需要回复可以看见

      回复
    • 生成海报
    • 大版主
      MarTech·神人
      2
      大富豪
      置顶

      需要项目包的请在此帖子回复“项目包”即可取得!

      翰林大学士

      回复
      MarTech·小白
      精神小伙

      项目包

      回复
      MarTech·大咖
      4
      精神小伙
      项目包 [s-1]

      我就是青年才俊呀!

      回复
      MarTech·小白
      项目包
      回复
      大版主
      MarTech·神人
      2
      大富豪
      打赏了@冷ゝ柠檬100优币

      翰林大学士

      回复
      MarTech·小白
      项目包
      回复
      MarTech·小白

      项目包

      回复
      大版主
      MarTech·神人
      2
      大富豪
      打赏了@M面超人20优币

      翰林大学士

      回复

      请登录之后再进行评论

      登录
      海报

      热门作者

    • 环新网
      环新网
      谷歌大叔
    • Martecher
      Martecher
      审查员
    • 大道至简
      大道至简
      简·方达
    • 唐唐
      唐唐
      美食达人
    • 十分文化
      十分文化
      十分文化
    • 小小言
      小小言
      小小生
    • Garin
      Garin
      cool girl
    • 谷歌大叔
      谷歌大叔
      外贸达人
      • 总打赏排行
      • 今日收益排行
    • 翰林大学士
      翰林大学士
      翰林大学士
    • 文韬武略
      文韬武略
      上飞优 认识更多营销同行者
    • 诸子百家
      诸子百家
      我就是青年才俊呀!
    • 运营者
      运营者
      上飞优 认识更多营销同行者
    • 小助手
      小助手
      有任何问题可以骚扰小助手哟!
    • 朱子理学
      朱子理学
      上飞优 认识更多营销同行者
    • 测试一下下
      测试一下下
      上飞优 认识更多营销同行者
    • 耳东人圭
      耳东人圭
      耳东人圭
    • IoT物联网
      IoT物联网
      IoT物联 连接未来
    • 暂没有数据

      赞赏我们

      • 打赏我们
      • 加入微信群
      • 加入QQ群
      社群时间有限请加微信:tye10w
    • 做任务
    • 签到中心
      小黑屋
      举报中心
    • 关闭窗口
      下载海报