小白-微信公众号

解释: 内嵌在微信这个原生app中的一个webapp

公众号分类
  • 订阅号

    - 个人
    - 自媒体
    
  • 服务号

    - 企业
    
  • 我 - 订阅号

    - 两者开发方式基本一致
    
注册微信公众号账号
  • 订阅号
  • 主体类型: 个人
  • 发现: 一旦注册完成我们就有一个管理界面
微信公众号使用
  • 运营管理 - 公司【 运营 】

  • 二次开发 【 主体: 后端来完成 】

    - webapp [ 布局 - 数据请求发送 - 微信公众号 api 调用 ]
       - 调用微信的照相机 - 二维码 - 地图 【 后端支持 】
    
微信公众号单页 - 【 二次开发 】
使用流程
  1. 运营: 账号注册,(微信公众平台)
    在这里插入图片描述
    在这里插入图片描述

  2. 可下载有关的二维码
    在这里插入图片描述

  3. 图下的侧导航都可以玩一玩
    在这里插入图片描述

  4. 之后想要在公众号中跳一个链接页面,就要需要服务器(图中的是一个临时服务器)的支持
    在这里插入图片描述

  5. 然后选择一个服务器(可选一个比较近的服务器),名字自己取,选择svn代码管理方式,选择php7.0
    在这里插入图片描述

  6. 写个二级域名,选择预付费(更便宜)
    在这里插入图片描述

  7. 然后就有了一个服务器了
    在这里插入图片描述

  8. 在微信公众平台中,接口测试号测试,进入申请系统
    在这里插入图片描述

  9. 然后就有了 appID 和 appsecret (为什么不用自己的,因为我们要申请appID 和 appsecret 要后端才能给我们,所以我们用测试的)
    在这里插入图片描述

  10. 有了appID 和 appsecret 之后,下面接口配置信息可不写,空着,然后js接口安全域名要写,填写你申请的时候的域名
    在这里插入图片描述

  11. 复制下面代码,在code那右键,svn检出
    在这里插入图片描述

  12. 然后拉取百度云服务器的代码

  • app.conf 配置文件
  • index.php 默认页面
    在这里插入图片描述
  1. 用户名和密码是要的,有的时候就像在git第一次提交的时候,要输入账号名和密码
    在这里插入图片描述

  2. 引入微信风格的样式文件css
    在这里插入图片描述

  3. 复制下面的。全选,在自己代码那新建index.css文件
    在这里插入图片描述

  4. 相应的js文件,在js-sdk中拿
    在这里插入图片描述

  5. 图中的两个相当于token 需要后端给,因为前后端分离开发,所以有了下下图
    在这里插入图片描述
    在这里插入图片描述

  6. 然后把这四个.php文件复制下来
    在这里插入图片描述

    其中
    jsapi-ticket.php:为签名
    jssdk.php:帮助我们获取手机的权限
    access_token.php:允许访问
    把由svn创建的index.php删掉,把sample.php改成index.php
    
  7. 把sample.php中的link链接换成下面的那个,引入js文件,使webapp拥有app原生的相关技术(拍照,支付,扫一扫等…),并把之前的那个css文件引入在sample.php中
    在这里插入图片描述

  8. 把之前的appID 和 appsecret ,替换选中的
    在这里插入图片描述
    21.在wx.config中写jssdk,比如扫一扫
    在这里插入图片描述

  9. 在js-SDK文档中搜索扫一扫
    在这里插入图片描述

  10. 把需要的接口名字放在wx.config中的jsApiList选项中
    在这里插入图片描述

  11. 保存后,因为代码从服务器中拉下来的,所以要上传在服务器中,在文件那边,右键使用svn提交,全选,提交,然后就提交到服务器中
    在这里插入图片描述

  12. 然后回到服务器那边,点代码管理
    在这里插入图片描述

  13. 然后点部署到,选择正式环境,然后就部署成功了
    在这里插入图片描述

  14. 添加功能,扫一扫和拍照
    在这里插入图片描述

  15. 所有逻辑代码写在下面
    在这里插入图片描述

  16. 先获取元素,然后再js-SDK中找到相应接口,把代码复制
    在这里插入图片描述

  17. 然后就再次提交部署

  18. 把下面的二维码扫一扫,这个页面就是你上面有appID 和 appsecret的那里
    在这里插入图片描述

  19. 把下面地址复制一下,发送到在上面微信扫出来的界面,点击
    在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值