微信H5分享 代码和详细配置步骤 js + Java 代码

正常分享状态显示:

分享异常状态显示:

一切变得那么的。。。无助!!!

开始以为在H5页面上添加一些东西即可,后来发现,完全不是自己想象的那个样子。

以下是本人的一点点经验拿来和各位分享,希望刚接触到的少走一些弯路!

思路:

3.调用api目的就是通过 access_token 和 jsapi_ticket 得到“nonceStr”和“signature”

over。。。

官方的示例代码:

官方文档:

【调用次数有限,请注意】

【确认签名算法是否正确工具】

=================以下是本人开发的全部代码,如有遗漏代码,麻烦留言提示一下,谢谢

JAVA代码:

H5,js代码

在需要分享的页面加入以下代码:

2.input标签

3.js代码

===========================代码结束,接下来就是一个最麻烦的步骤了,公众平台配置

第二步:

本机IP获取方式

调用“获取access_token”接口,返回结果。

错误信息显示ip无权限,就是这个。

花生壳配置:

IDEA Tomcat 配置:

a.按照步骤下载文件,将文件复制到项目根目录和tomcat项目根目录

下载文件:MP_verify_1pnZudconNzHFayL.txt 注意不要修改文件名称

b.在浏览器能访问到文件就OK

比如项目名是:tb_project 本地测试调用:http://192.168.88.91:8080/tb_project/MP_verify_1pnZudconNzHFayL.txt

花生壳调用:http://5743xhb03479.xxx/MP_verify_1pnZudconNzHFayL.txt

 

到这里,就完全到位了,over

关于定时保存token到自己的服务器,推荐用 spring scheduled,简单,方便,实用

spring_scheduled.xml配置文件

<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:task="http://www.springframework.org/schema/task"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
    http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
    http://www.springframework.org/schema/context
    http://www.springframework.org/schema/context/spring-context-3.0.xsd
    http://www.springframework.org/schema/task
    http://www.springframework.org/schema/task/spring-task-3.0.xsd">

    <!-- 设置定时任务 -->
    <task:annotation-driven/>

    <!--扫描包路径-->
    <context:component-scan base-package="com.nas.timed"/>

    <!--注意这边需要配置供扫描的类-->
    <bean id="pickDealOrderTask" class="com.***.***.pickTask"/>

    <!--开启定时任务-->
    <task:scheduled-tasks scheduler="scheduler">
        <task:scheduled ref="pickTask" method="tickers" cron="0 */30 * * * ?"/>  <!--每30分钟执行一次,cron表达式很多种写法,问一下度娘-->
    </task:scheduled-tasks>

    <!--最大线程数-->
    <task:scheduler id="scheduler" pool-size="9" />

</beans>

配置文件加好之后,PickTask这个类下面的【tickers】方法,30分钟执行一次。

具体使用方法,问度娘。

有关数据存储做好之后,最好再存储一下缓存,比如redis,每次分享就不用去查询数据库了

祝君好运!!!

经验分享 程序员 微信小程序 职场和发展