2019-11-07 15:12:48 chanchaw 阅读数 2
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27750 人正在学习 去看看 秦子恒

微信服务号模板消息详情页打开空白页面

问题描述

正常运行的微信服务号,突然间发现模板消息的详情页打开是空白页面了(是不是自己动了什么?完全没印象)试了3个品牌的安卓手机:小米、华为、魅族,打开都是空白页(手机上),苹果手机可以打开,PC端ChromeQQ浏览器 都可以正常打开,使用微信开发者工具也可以正常打开。网上搜索很多帖子说是 SSL 证书链不完整导致,而苹果手机不受该影响所以可以正常打开。还真信了啊,浪费了一天时间。。。但是很疑惑,因为证书是在腾讯云服务器中申请的(虽然是免费的),然后下载来的,照理应该是完整的吧。到 https://www.sslceshi.com/ssl_check/ 验证是否完整,看到 证书链详情 部分没有缺失的话就表明是完整的,最终定位下来是 Angular 项目返回 404 导致的。使用抓包工具 Fiddler 在浏览器中刷新详情页链接时候开启捕获可以看到404。使用方法如下:

在这里插入图片描述

最终解决问题后的效果是:
在这里插入图片描述

解决问题

  • 修改Tomcat 配置文件 server.xml 中的标签 <Host name="localhost"> 的内容,添加代码:
    <Valve className="org.apache.catalina.valves.rewrite.RewriteValve" />,添加后标签 <Host name="localhost"> 的完整代码是:

          <Host name="localhost"  appBase="webapps"
                unpackWARs="true" autoDeploy="true">
    
            <!-- SingleSignOn valve, share authentication between web applications
                 Documentation at: /docs/config/valve.html -->
            <!--
            <Valve className="org.apache.catalina.authenticator.SingleSignOn" />
            -->
    
            <!-- Access log processes all example.
                 Documentation at: /docs/config/valve.html
                 Note: The pattern used is equivalent to using pattern="common" -->
            <Valve className="org.apache.catalina.valves.AccessLogValve" directory="logs"
                   prefix="localhost_access_log" suffix=".txt"
                   pattern="%h %l %u %t &quot;%r&quot; %s %b" />
    			   
    	   <Valve className="org.apache.catalina.valves.rewrite.RewriteValve" />
    
          </Host>
    

    值得一提的是不用担心的再复制出一个标签 <Host name="www.xdfznh.club">....,经过测试只要设置上面的 <Host name="localhost">.... 即可。

  • 本次试验的环境是 CentOS 7Tomcat 9, 并且 Tomcat 是默认的安装路径,即 /usr/local/tomcat9,那么要在路径 /usr/local/tomcat9/conf/Catalina/localhost 下创建名称为 rewrite.config 的文件,其中的全部代码是 :

    RewriteCond %{REQUEST_PATH} !-f
    RewriteRule ^/wxpadfe/(.*) /wxpadfe/index.html
    

    上面的 wxpadfeAngular 的编译项目名,同时也是 tomcat 中部署的项目所在的目录名,即本试验的前端项目文件在路径 /usr/local/tomcat9/webapps/wxpadfe 下。到此 tomcat 中的配置完毕。

  • Angular 项目不要使用 HashLocationStrategy ,不仅是为解决本案例的404问题,同时也为解决 oauth 网页鉴权的问题。使用命令 ng build --prod --aot --base-href wxpadfe 编译 Angular 项目。到此就保证了编译的项目名和 tomcat 中的项目所在目录名一致,同时 rewrite.config 中的项目名称也一致。

  • 为提供更多证据,下面贴出 Angular 项目中根路由的代码:

    const routes: Routes = [
    
      { 
        path:'soDtl',
        loadChildren:'./pages/sendoutdetail/sendoutdetail.module#SendoutdetailModule',
        data:{ title:'成品发货单明细',isRemove: true }
      },...............
        ...............
        ...............
        ...............
    @NgModule({
      imports: [RouterModule.forRoot(routes)],
      exports: [RouterModule]
    })
    export class AppRoutingModule { }
    
  • 下面是 Angular 项目主页代码:

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>我是标题哦</title>
      <base href="/">
    
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="icon" type="image/x-icon" href="favicon.ico">
    </head>
    <body>
      <app-root></app-root>
    </body>
    </html>
    
    
  • 最后来确认下,有些帖子说要在 tomcat 的配置文件 web.xml 中设置 404 跳转页面,经过测试在做了上面的配置之后就不用在 web.xml 中设置 404跳转页面了。

  • 最最后,要特别感谢 segmentfault@然后去远足,提供了错误根源才能解决这个问题。

2016-12-18 14:46:22 testcs_dn 阅读数 6521
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27750 人正在学习 去看看 秦子恒

微信公众平台小程序开放公测。小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。小程序已经风风火火这么久了,但是开放时间还未确定,到现在也没用上小程序,不知道它究竟有多大的魔力。今天先来了解一下微信小程序的开发者工具。

下载

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=20161122

最新版本 0.11.112301

windows 64 、 windows 32 、 mac

安装

没什么可说的,大家看看就是。





安装完成启动之后可能会提示要求访问网络,允许访问。

登录



选择调用类型

创建项目


我只是想安装一下看看,还没有申请AppID,所以这里选择无AppID。

项目创建后开发工具的首页,默认就是调试页面

用过Chrome的开发者工具的小伙伴看这界面是不是感觉很亲切?感觉就是一个模子里出来的。

是不是?

是不是?

编辑界面,只是图中的一个菜单项有点特别:硬盘打开,是打开项目文件目录

项目界面:由于创建的项目没有填写AppID,所以没办法上传体验。

结束语

为什么它和Chrome的开发者工具那么像?
我用SPY++查看了一下微信小程序的开发者工具:

发现和Chrome显示网页内容的窗口标题及类完全一致; 
由此看来微信小程序的最终呈现还是基于浏览器。
我们在开发的时候使用的是转义后的标签,而实际部署后用户端使用的应该还是HTML。
为什么这么说?
小程序也好,轻应用也好,为的就是一个轻,无处不在,随便一个浏览器就可以打开。
但这也是只是一个猜测,而如果不是这样,微信内置一个支持小程序的类浏览器的内核,
虽然在小程序的封装上起到了保护源码的作用,但就设置了一个壁垒,也就是如果想使用小程序还必须安装微信才可以;
当然,现在微信的装机率已经不是问题了。
小伙伴们,你们怎么看?
===========文档信息============ 
版权声明:非商用自由转载-保持署名-注明出处 
署名(BY) :testcs_dn(微wx笑) 
文章出处:[无知人生,记录点滴](http://blog.csdn.net/testcs_dn)
2018-07-30 00:13:19 qq_41542894 阅读数 6900
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27750 人正在学习 去看看 秦子恒

这是 iView 官方的小程序  可以关注看看

接着开始正题

https://github.com/TalkingData/iview-weapp  到 GitHub 下载 iView Weapp 的代码  

 

接着 下载下来是这样子的

打开examples  在微信开发者工具创建个新的空白项目  将examples里面的全复制粘贴进去 并且把 dist也粘贴进去

完后大概是这样的目录表 

编译就可以查看代码和布局了 

2018-10-25 18:02:28 yuhao309 阅读数 1425
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27750 人正在学习 去看看 秦子恒

错误原因:
page编译错误,或者出现脚本错误或者未正确调用 Page()函数。
解决方法:
在js文件里加入一个空白的Page函数调用: Page({ })
或者按照以下步骤操作:
1、在调试-》缓存里清除数据、文件缓存;
2、完全退出微信开发者工具;
3、再次打开微信开发者工具;
4、然后再编译一下小程序;

2019-08-30 19:02:58 qq_33290264 阅读数 12
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27750 人正在学习 去看看 秦子恒

除了各种路径写错,参数传错的问题之外,,还有一个非常坑的问题,用了我2个下午的时间才找到原因:

首先这个问题非常的坑,在微信开发者工具里面还有真机体验的时候是不会报错的,都能正常加载,只有在体验版的时候出现界面加载不出来的情况;

我这边微信打开调试能看到报thirdScriptError,但是不提示具体哪个文件报错,经过排查发现是有一个pages/user/user里面的js报错了,导致在app.json->pages里面pages/user/user界面之后的所有pages无法加载。

坑就坑在真机调试和开发者工具都不报错,微信调试也不告诉你到底是哪个文件出错,只能一个一个界面去排查到底是哪个界面出了错。

 

没有更多推荐了,返回首页